global_search.xml

<?xml version="1.0" encoding="utf-8"?>
<layout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools">

    <data>

        <variable
            name="vm"
            type="com.towneers.www.features.search.fleamarket.SearchFleaMarketViewModel" />
    </data>

    <androidx.coordinatorlayout.widget.CoordinatorLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <!--        <androidx.core.widget.NestedScrollView-->
        <!--            android:id="@+id/scrollView"-->
        <!--            android:layout_width="match_parent"-->
        <!--            android:layout_height="match_parent"-->
        <!--            android:fillViewport="true">-->

        <com.google.android.material.appbar.AppBarLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

<!--            <com.google.android.material.appbar.CollapsingToolbarLayout-->
<!--                android:layout_width="match_parent"-->
<!--                android:layout_height="wrap_content"-->
<!--                app:layout_scrollFlags="scroll|exitUntilCollapsed">-->

                <androidx.constraintlayout.widget.ConstraintLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:background="@color/white">
<!--                    app:layout_collapseMode="parallax"-->

                    <androidx.constraintlayout.widget.Guideline
                        android:id="@+id/glStart"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:orientation="vertical"
                        app:layout_constraintGuide_begin="@dimen/space_16" />

                    <androidx.constraintlayout.widget.Guideline
                        android:id="@+id/glEnd"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:orientation="vertical"
                        app:layout_constraintGuide_end="@dimen/space_16" />

                    <androidx.constraintlayout.widget.Guideline
                        android:id="@+id/glTop"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:orientation="horizontal"
                        app:layout_constraintGuide_begin="@dimen/space_24" />

                    <androidx.constraintlayout.widget.Guideline
                        android:id="@+id/glBottom"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:orientation="horizontal"
                        app:layout_constraintGuide_end="@dimen/space_24" />

                    <TextView
                        android:id="@+id/tvCategoryTitle"
                        style="@style/Subtitle1.Bold"
                        android:layout_width="0dp"
                        android:layout_height="wrap_content"
                        android:text="@string/common_category"
                        android:textColor="@color/Gray900"
                        app:layout_constraintBottom_toTopOf="@id/rvCategories"
                        app:layout_constraintEnd_toEndOf="@id/glEnd"
                        app:layout_constraintStart_toStartOf="@id/glStart"
                        app:layout_constraintTop_toTopOf="@id/glTop"
                        app:layout_constraintVertical_bias="0"
                        app:layout_constraintVertical_chainStyle="packed" />

                    <androidx.recyclerview.widget.RecyclerView
                        android:id="@+id/rvCategories"
                        android:layout_width="0dp"
                        android:layout_height="150dp"
                        android:layout_marginTop="@dimen/space_12"
                        android:layout_marginBottom="@dimen/space_24"
                        app:layout_constraintBottom_toTopOf="@id/divider1"
                        app:layout_constraintEnd_toEndOf="@id/glEnd"
                        app:layout_constraintStart_toStartOf="@id/glStart"
                        app:layout_constraintTop_toBottomOf="@id/tvCategoryTitle" />

                    <View
                        android:id="@+id/divider1"
                        android:layout_width="match_parent"
                        android:layout_height="8dp"
                        android:background="@color/Gray50"
                        app:layout_constraintBottom_toTopOf="@id/tvPopularKeywordLabel"
                        app:layout_constraintTop_toBottomOf="@id/rvCategories" />

                    <TextView
                        android:id="@+id/tvPopularKeywordLabel"
                        style="@style/Subtitle1.Bold"
                        android:layout_width="0dp"
                        android:layout_height="wrap_content"
                        android:layout_marginTop="@dimen/space_24"
                        android:background="@color/white"
                        android:text="@string/search_popular_keyword"
                        android:textColor="@color/Gray900"
                        app:layout_constraintBottom_toTopOf="@id/tagsPopularSearchKeyword"
                        app:layout_constraintEnd_toEndOf="@id/glEnd"
                        app:layout_constraintStart_toStartOf="@id/glStart"
                        app:layout_constraintTop_toBottomOf="@id/divider1"
                        tools:text="인기 검색어" />

                    <com.towneers.www.ui.widget.tagview.TagContainerLayout
                        android:id="@+id/tagsPopularSearchKeyword"
                        android:layout_width="0dp"
                        android:layout_height="wrap_content"
                        android:layout_marginTop="@dimen/space_24"
                        app:container_background_color="#fff"
                        app:container_border_color="@android:color/transparent"
                        app:container_border_radius="0dp"
                        app:container_border_width="0dp"
                        app:container_enable_drag="false"
                        app:horizontal_interval="8dp"
                        app:layout_constraintBottom_toTopOf="@id/divider2"
                        app:layout_constraintEnd_toEndOf="@id/glEnd"
                        app:layout_constraintStart_toStartOf="@id/glStart"
                        app:layout_constraintTop_toBottomOf="@id/tvPopularKeywordLabel"
                        app:tagItemClick="@{(position, tag) -> vm.search(tag)}"
                        app:tag_background_color="#fff"
                        app:tag_border_color="@color/Gray300"
                        app:tag_clickable="true"
                        app:tag_text_color="@color/Gray900"
                        app:tag_text_size="@dimen/font_size_13"
                        app:tag_theme="none"
                        app:tags="@{vm.state.topKeywords}"
                        app:vertical_interval="8dp" />

                    <View
                        android:id="@+id/divider2"
                        android:layout_width="match_parent"
                        android:layout_height="8dp"
                        android:layout_marginTop="@dimen/space_24"
                        android:layout_marginBottom="@dimen/space_24"
                        android:background="@color/Gray50"
                        app:layout_constraintBottom_toTopOf="@id/tvPopularStuffs"
                        app:layout_constraintTop_toBottomOf="@id/tagsPopularSearchKeyword" />

                    <TextView
                        android:id="@+id/tvPopularStuffs"
                        style="@style/Subtitle1.Bold"
                        android:layout_width="0dp"
                        android:layout_height="wrap_content"
                        android:background="@color/white"
                        android:text="@{@string/hot_articles_title(vm.state.regionName)}"
                        android:textColor="@color/Gray900"
                        app:layout_constraintBottom_toTopOf="@id/rvPopularStuffsInSomeArea"
                        app:layout_constraintEnd_toEndOf="@id/glEnd"
                        app:layout_constraintEnd_toStartOf="@+id/tvShowMorePopularStuffs"
                        app:layout_constraintStart_toStartOf="@id/glStart"
                        app:layout_constraintTop_toBottomOf="@id/divider2"
                        tools:text="어디어디 인기매물" />

                    <TextView
                        android:id="@+id/tvShowMorePopularStuffs"
                        style="@style/Body1"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:background="?attr/selectableItemBackground"
                        android:onClick="@{() -> vm.onClickShowMorePopularStuffs()}"
                        android:text="@string/common_read_more"
                        android:textColor="@color/Gray600"
                        app:layout_constraintBottom_toBottomOf="@id/tvPopularStuffs"
                        app:layout_constraintEnd_toEndOf="@id/glEnd"
                        app:layout_constraintStart_toEndOf="@id/tvPopularStuffs"
                        app:layout_constraintTop_toTopOf="@id/tvPopularStuffs" />

                    <androidx.recyclerview.widget.RecyclerView
                        android:id="@+id/rvPopularStuffsInSomeArea"
                        android:layout_width="0dp"
                        android:layout_height="wrap_content"
                        android:layout_marginTop="@dimen/space_24"
                        app:layout_constraintBottom_toTopOf="@id/divider3"
                        app:layout_constraintEnd_toEndOf="parent"
                        app:layout_constraintStart_toStartOf="parent"
                        app:layout_constraintTop_toBottomOf="@id/tvPopularStuffs" />

                    <View
                        android:id="@+id/divider3"
                        android:layout_width="match_parent"
                        android:layout_height="8dp"
                        android:layout_marginTop="@dimen/space_24"
                        android:layout_marginBottom="@dimen/space_24"
                        android:background="@color/Gray50"
                        app:layout_constraintBottom_toTopOf="@id/tvWhatAboutThese"
                        app:layout_constraintTop_toBottomOf="@id/rvPopularStuffsInSomeArea" />

                    <TextView
                        android:id="@+id/tvWhatAboutThese"
                        style="@style/Subtitle1.Bold"
                        android:layout_width="0dp"
                        android:layout_height="wrap_content"
                        android:background="@color/white"
                        android:text="@{@string/serach_flea_market_recommendation_title(vm.state.userName)}"
                        android:textColor="@color/Gray900"
                        app:layout_constraintBottom_toBottomOf="parent"
                        app:layout_constraintEnd_toEndOf="@id/glEnd"
                        app:layout_constraintStart_toStartOf="@id/glStart"
                        app:layout_constraintTop_toBottomOf="@id/divider3"
                        tools:text="인기 검색어" />

                </androidx.constraintlayout.widget.ConstraintLayout>

<!--            </com.google.android.material.appbar.CollapsingToolbarLayout>-->

        </com.google.android.material.appbar.AppBarLayout>

        <androidx.recyclerview.widget.RecyclerView
            android:id="@+id/rvWhatAboutThese"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:layout_behavior="@string/appbar_scrolling_view_behavior" />

        <!--        </androidx.core.widget.NestedScrollView>-->
    </androidx.coordinatorlayout.widget.CoordinatorLayout>
</layout>