[카테고리메인][Common] 추천 콘텐츠 스크롤 영역 조정

app/src/main/res/layout/fragment_category_main_first.xml

@@ -1,59 +1,94 @@
 <?xml version="1.0" encoding="utf-8"?>
-<android.support.constraint.ConstraintLayout
+<android.support.design.widget.CoordinatorLayout
   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"
   android:layout_width="match_parent"
   android:layout_height="match_parent">
 
-  <kr.co.zumo.app.lifeplus.view.custom.main.series.MainSeriesView
-    android:id="@+id/series_image_text_view"
+  <android.support.design.widget.AppBarLayout
+    android:id="@+id/app_bar_layout"
     android:layout_width="match_parent"
     android:layout_height="wrap_content"
-    android:layout_marginTop="23dp"
-    android:clipToPadding="false"
-    app:layout_constraintTop_toTopOf="parent">
-  </kr.co.zumo.app.lifeplus.view.custom.main.series.MainSeriesView>
-
-  <RelativeLayout
-    android:id="@+id/relativeLayout"
-    android:layout_width="wrap_content"
+    android:background="@null"
+    app:elevation="0dp">
+
+    <android.support.design.widget.CollapsingToolbarLayout
+      android:id="@+id/collapsing_tool_bar"
+      android:layout_width="match_parent"
+      android:layout_height="match_parent"
+      app:layout_scrollFlags="scroll|exitUntilCollapsed">
+
+
+      <kr.co.zumo.app.lifeplus.view.custom.main.series.MainSeriesView
+        android:id="@+id/series_image_text_view"
+        android:layout_width="match_parent"
+        android:layout_height="156dp"
+        android:layout_marginTop="23dp"
+        android:layout_marginBottom="31dp"
+        android:clipToPadding="false"
+        app:layout_collapseMode="parallax"
+        app:layout_constraintTop_toTopOf="parent">
+      </kr.co.zumo.app.lifeplus.view.custom.main.series.MainSeriesView>
+
+      <android.support.v7.widget.Toolbar
+        android:id="@+id/flexible.example.toolbar"
+        android:layout_width="match_parent"
+        android:layout_height="45dp"
+        android:layout_gravity="top"
+        android:background="@null"
+        android:visibility="invisible"
+        app:elevation="0dp"
+        app:layout_collapseMode="pin"
+        tools:visibility="gone"
+        />
+
+      <RelativeLayout
+        android:id="@+id/relativeLayout"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_gravity="bottom"
+        android:background="@color/CFFFFFF"
+        app:layout_collapseMode="pin">
+
+        <Spinner
+          android:id="@+id/spinner_select_contents"
+          android:layout_width="wrap_content"
+          android:layout_height="45dp"
+          android:layout_marginStart="14dp"
+          android:background="@drawable/filter_drop_down"
+          android:entries="@array/main_filter"
+          android:focusable="true"
+          android:padding="10dp"
+          android:textColor="@color/C000000"
+          android:textSize="12dp"/>
+
+        <ImageView
+          android:id="@+id/first_category_main_filter"
+          android:layout_width="wrap_content"
+          android:layout_height="wrap_content"
+          android:layout_alignParentEnd="true"
+          android:layout_marginEnd="10dp"
+          android:padding="14dp"
+          app:srcCompat="@drawable/ic_filter_de"
+          />
+      </RelativeLayout>
+    </android.support.design.widget.CollapsingToolbarLayout>
+  </android.support.design.widget.AppBarLayout>
+
+  <LinearLayout
+    android:layout_width="match_parent"
     android:layout_height="wrap_content"
-    app:layout_constraintTop_toBottomOf="@id/series_image_text_view">
-
-    <Spinner
-      android:id="@+id/spinner_select_contents"
-      android:layout_width="wrap_content"
-      android:layout_height="45dp"
-      android:layout_marginStart="14dp"
-      android:background="@drawable/filter_drop_down"
-      android:entries="@array/main_filter"
-      android:focusable="true"
-      android:padding="10dp"
-      android:textColor="@color/C000000"
-      android:textSize="12dp"/>
-
-    <ImageView
-      android:id="@+id/first_category_main_filter"
-      android:layout_width="wrap_content"
+    app:layout_behavior="@string/appbar_scrolling_view_behavior">
+
+    <android.support.v7.widget.RecyclerView
+      android:id="@+id/recycler_view_first_category_main"
+      android:layout_width="match_parent"
       android:layout_height="wrap_content"
-      android:layout_alignParentEnd="true"
-      android:layout_marginEnd="10dp"
-      android:padding="14dp"
-      app:srcCompat="@drawable/ic_filter_de"
+      android:layout_gravity="bottom"
+      android:layout_marginStart="21dp"
+      android:layout_marginEnd="21dp"
+      android:clipToPadding="false"
       />
-  </RelativeLayout>
-
-  <android.support.v7.widget.RecyclerView
-    android:id="@+id/recycler_view_first_category_main"
-    android:layout_width="match_parent"
-    android:layout_height="0dp"
-    android:layout_marginStart="21dp"
-    android:layout_marginEnd="21dp"
-    android:clipToPadding="false"
-    app:layout_constraintBottom_toBottomOf="parent"
-    app:layout_constraintLeft_toLeftOf="parent"
-    app:layout_constraintRight_toRightOf="parent"
-    app:layout_constraintTop_toBottomOf="@id/relativeLayout"
-    />
-</android.support.constraint.ConstraintLayout>
+  </LinearLayout>
+</android.support.design.widget.CoordinatorLayout>

app/src/main/res/layout/fragment_category_main_fourth.xml

@@ -1,49 +1,90 @@
 <?xml version="1.0" encoding="utf-8"?>
-<android.support.constraint.ConstraintLayout
+<android.support.design.widget.CoordinatorLayout
   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"
   android:layout_width="match_parent"
   android:layout_height="match_parent">
 
-  <kr.co.zumo.app.lifeplus.view.custom.main.series.MainSeriesView
-    android:id="@+id/series_image_text_view"
+  <android.support.design.widget.AppBarLayout
+    android:id="@+id/app_bar_layout"
     android:layout_width="match_parent"
     android:layout_height="wrap_content"
-    android:layout_marginTop="23dp"
-    android:clipToPadding="false"
-    app:layout_constraintTop_toTopOf="parent">
-  </kr.co.zumo.app.lifeplus.view.custom.main.series.MainSeriesView>
-
-  <RelativeLayout
-    android:id="@+id/relativeLayout"
-    android:layout_width="wrap_content"
-    android:layout_height="wrap_content"
-    app:layout_constraintTop_toBottomOf="@id/series_image_text_view">
-
-    <Spinner
-      android:id="@+id/spinner_select_contents"
-      android:layout_width="wrap_content"
-      android:layout_height="45dp"
-      android:layout_marginStart="11dp"
-      android:padding="10dp"
-      android:background="@drawable/filter_drop_down"
-      android:entries="@array/main_filter"
-      android:focusable="true"
-      android:textColor="@color/C000000"
-      android:textSize="14sp"/>
-  </RelativeLayout>
-
-  <android.support.v7.widget.RecyclerView
-    android:id="@+id/recycler_view_fourth_category_main"
+    android:background="@null"
+    app:elevation="0dp">
+
+    <android.support.design.widget.CollapsingToolbarLayout
+      android:id="@+id/collapsing_tool_bar"
+      android:layout_width="match_parent"
+      android:layout_height="match_parent"
+      app:layout_scrollFlags="scroll|exitUntilCollapsed">
+
+
+      <kr.co.zumo.app.lifeplus.view.custom.main.series.MainSeriesView
+        android:id="@+id/series_image_text_view"
+        android:layout_width="match_parent"
+        android:layout_height="156dp"
+        android:layout_marginTop="23dp"
+        android:layout_marginBottom="31dp"
+        android:clipToPadding="false"
+        app:layout_collapseMode="parallax"
+        app:layout_constraintTop_toTopOf="parent">
+      </kr.co.zumo.app.lifeplus.view.custom.main.series.MainSeriesView>
+
+      <android.support.v7.widget.Toolbar
+        android:id="@+id/flexible.example.toolbar"
+        android:layout_width="match_parent"
+        android:layout_height="45dp"
+        android:layout_gravity="top"
+        android:background="@null"
+        android:visibility="invisible"
+        app:elevation="0dp"
+        app:layout_collapseMode="pin"
+        tools:visibility="gone"
+        />
+
+      <RelativeLayout
+        android:id="@+id/relativeLayout"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:layout_gravity="bottom"
+        android:background="@color/CFFFFFF"
+        app:layout_collapseMode="pin">
+
+        <Spinner
+          android:id="@+id/spinner_select_contents"
+          android:layout_width="wrap_content"
+          android:layout_height="45dp"
+          android:layout_marginStart="14dp"
+          android:background="@drawable/filter_drop_down"
+          android:entries="@array/main_filter"
+          android:focusable="true"
+          android:padding="10dp"
+          android:textColor="@color/C000000"
+          android:textSize="12dp"/>
+
+      </RelativeLayout>
+    </android.support.design.widget.CollapsingToolbarLayout>
+  </android.support.design.widget.AppBarLayout>
+
+  <LinearLayout
     android:layout_width="match_parent"
-    android:layout_height="0dp"
-    android:layout_marginStart="25dp"
-    android:layout_marginEnd="25dp"
-    android:clipToPadding="false"
-    app:layout_constraintBottom_toBottomOf="parent"
-    app:layout_constraintLeft_toLeftOf="parent"
-    app:layout_constraintRight_toRightOf="parent"
-    app:layout_constraintTop_toBottomOf="@id/relativeLayout"
-    />
-</android.support.constraint.ConstraintLayout>
+    android:layout_height="wrap_content"
+    app:layout_behavior="@string/appbar_scrolling_view_behavior">
+
+
+    <android.support.v7.widget.RecyclerView
+      android:id="@+id/recycler_view_fourth_category_main"
+      android:layout_width="match_parent"
+      android:layout_height="wrap_content"
+      android:layout_gravity="bottom"
+      android:layout_marginStart="25dp"
+      android:layout_marginEnd="25dp"
+      android:clipToPadding="false"
+      app:layout_constraintBottom_toBottomOf="parent"
+      app:layout_constraintLeft_toLeftOf="parent"
+      app:layout_constraintRight_toRightOf="parent"
+      app:layout_constraintTop_toBottomOf="@id/relativeLayout"
+      />
+  </LinearLayout>
+</android.support.design.widget.CoordinatorLayout>

app/src/main/res/layout/fragment_category_main_second.xml

@@ -1,59 +1,97 @@
 <?xml version="1.0" encoding="utf-8"?>
-<android.support.constraint.ConstraintLayout
+<android.support.design.widget.CoordinatorLayout
   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"
   android:layout_width="match_parent"
   android:layout_height="match_parent">
 
-  <kr.co.zumo.app.lifeplus.view.custom.main.series.MainSeriesView
-    android:id="@+id/series_image_text_view"
+  <android.support.design.widget.AppBarLayout
+    android:id="@+id/app_bar_layout"
     android:layout_width="match_parent"
     android:layout_height="wrap_content"
-    android:layout_marginTop="23dp"
-    android:clipToPadding="false"
-    app:layout_constraintTop_toTopOf="parent">
-  </kr.co.zumo.app.lifeplus.view.custom.main.series.MainSeriesView>
-
-  <RelativeLayout
-    android:id="@+id/relativeLayout"
-    android:layout_width="wrap_content"
+    android:background="@null"
+    app:elevation="0dp">
+
+    <android.support.design.widget.CollapsingToolbarLayout
+      android:id="@+id/collapsing_tool_bar"
+      android:layout_width="match_parent"
+      android:layout_height="match_parent"
+      app:layout_scrollFlags="scroll|exitUntilCollapsed">
+
+
+      <kr.co.zumo.app.lifeplus.view.custom.main.series.MainSeriesView
+        android:id="@+id/series_image_text_view"
+        android:layout_width="match_parent"
+        android:layout_height="156dp"
+        android:layout_marginTop="23dp"
+        android:layout_marginBottom="31dp"
+        android:clipToPadding="false"
+        app:layout_collapseMode="parallax"
+        app:layout_constraintTop_toTopOf="parent">
+      </kr.co.zumo.app.lifeplus.view.custom.main.series.MainSeriesView>
+
+      <android.support.v7.widget.Toolbar
+        android:id="@+id/flexible.example.toolbar"
+        android:layout_width="match_parent"
+        android:layout_height="45dp"
+        android:layout_gravity="top"
+        android:background="@null"
+        android:visibility="invisible"
+        app:elevation="0dp"
+        app:layout_collapseMode="pin"
+        tools:visibility="gone"
+        />
+
+      <RelativeLayout
+        android:id="@+id/relativeLayout"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_gravity="bottom"
+        android:background="@color/CFFFFFF"
+        app:layout_collapseMode="pin">
+
+        <Spinner
+          android:id="@+id/spinner_select_contents"
+          android:layout_width="wrap_content"
+          android:layout_height="45dp"
+          android:layout_marginStart="14dp"
+          android:background="@drawable/filter_drop_down"
+          android:entries="@array/main_filter"
+          android:focusable="true"
+          android:padding="10dp"
+          android:textColor="@color/C000000"
+          android:textSize="12dp"/>
+
+        <ImageView
+          android:id="@+id/second_category_main_filter"
+          android:layout_width="wrap_content"
+          android:layout_height="wrap_content"
+          android:layout_alignParentEnd="true"
+          android:layout_marginEnd="10dp"
+          android:padding="14dp"
+          app:srcCompat="@drawable/ic_filter_de"
+          />
+      </RelativeLayout>
+    </android.support.design.widget.CollapsingToolbarLayout>
+  </android.support.design.widget.AppBarLayout>
+
+  <LinearLayout
+    android:layout_width="match_parent"
     android:layout_height="wrap_content"
-    app:layout_constraintTop_toBottomOf="@id/series_image_text_view">
-
-    <Spinner
-      android:id="@+id/spinner_select_contents"
-      android:layout_width="wrap_content"
-      android:layout_height="45dp"
-      android:layout_marginStart="15dp"
-      android:padding="10dp"
-      android:background="@drawable/filter_drop_down"
-      android:entries="@array/main_filter"
-      android:focusable="true"
-      android:textColor="@color/C000000"
-      android:textSize="14sp"/>
-
-    <ImageView
-      android:id="@+id/second_category_main_filter"
-      android:layout_width="wrap_content"
+    app:layout_behavior="@string/appbar_scrolling_view_behavior">
+
+    <android.support.v7.widget.RecyclerView
+      android:id="@+id/recycler_view_second_category_main"
+      android:layout_width="match_parent"
       android:layout_height="wrap_content"
-      android:layout_alignParentEnd="true"
-      android:layout_marginEnd="10dp"
-      android:padding="14dp"
-      app:srcCompat="@drawable/ic_filter_de"
+      android:layout_gravity="bottom"
+      android:layout_marginStart="25dp"
+      android:layout_marginEnd="25dp"
+      app:layout_constraintBottom_toBottomOf="parent"
+      app:layout_constraintLeft_toLeftOf="parent"
+      app:layout_constraintRight_toRightOf="parent"
+      app:layout_constraintTop_toBottomOf="@id/relativeLayout"
       />
-  </RelativeLayout>
-
-  <android.support.v7.widget.RecyclerView
-    android:id="@+id/recycler_view_second_category_main"
-    android:layout_width="match_parent"
-    android:layout_height="0dp"
-    android:layout_marginStart="25dp"
-    android:layout_marginEnd="25dp"
-    app:layout_constraintBottom_toBottomOf="parent"
-    app:layout_constraintLeft_toLeftOf="parent"
-    app:layout_constraintRight_toRightOf="parent"
-    app:layout_constraintTop_toBottomOf="@id/relativeLayout"
-    />
-
-</android.support.constraint.ConstraintLayout>
+  </LinearLayout>
+</android.support.design.widget.CoordinatorLayout>

app/src/main/res/layout/fragment_category_main_third.xml

@@ -1,49 +1,89 @@
 <?xml version="1.0" encoding="utf-8"?>
-<android.support.constraint.ConstraintLayout
+<android.support.design.widget.CoordinatorLayout
   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"
   android:layout_width="match_parent"
   android:layout_height="match_parent">
 
-  <kr.co.zumo.app.lifeplus.view.custom.main.series.MainSeriesView
-    android:id="@+id/series_image_text_view"
+  <android.support.design.widget.AppBarLayout
+    android:id="@+id/app_bar_layout"
     android:layout_width="match_parent"
     android:layout_height="wrap_content"
-    android:layout_marginTop="23dp"
-    android:clipToPadding="false"
-    app:layout_constraintTop_toTopOf="parent">
-  </kr.co.zumo.app.lifeplus.view.custom.main.series.MainSeriesView>
-
-  <RelativeLayout
-    android:id="@+id/relativeLayout"
-    android:layout_width="wrap_content"
-    android:layout_height="wrap_content"
-    app:layout_constraintTop_toBottomOf="@id/series_image_text_view">
-
-    <Spinner
-      android:id="@+id/spinner_select_contents"
-      android:layout_width="wrap_content"
-      android:layout_height="45dp"
-      android:layout_marginStart="15dp"
-      android:padding="10dp"
-      android:background="@drawable/filter_drop_down"
-      android:entries="@array/main_filter"
-      android:focusable="true"
-      android:textColor="@color/C000000"
-      android:textSize="14sp"/>
-  </RelativeLayout>
-
-  <android.support.v7.widget.RecyclerView
-    android:id="@+id/recycler_view_third_category_main"
+    android:background="@null"
+    app:elevation="0dp">
+
+    <android.support.design.widget.CollapsingToolbarLayout
+      android:id="@+id/collapsing_tool_bar"
+      android:layout_width="match_parent"
+      android:layout_height="match_parent"
+      app:layout_scrollFlags="scroll|exitUntilCollapsed">
+
+
+      <kr.co.zumo.app.lifeplus.view.custom.main.series.MainSeriesView
+        android:id="@+id/series_image_text_view"
+        android:layout_width="match_parent"
+        android:layout_height="156dp"
+        android:layout_marginTop="23dp"
+        android:layout_marginBottom="31dp"
+        android:clipToPadding="false"
+        app:layout_collapseMode="parallax"
+        app:layout_constraintTop_toTopOf="parent">
+      </kr.co.zumo.app.lifeplus.view.custom.main.series.MainSeriesView>
+
+      <android.support.v7.widget.Toolbar
+        android:id="@+id/flexible.example.toolbar"
+        android:layout_width="match_parent"
+        android:layout_height="45dp"
+        android:layout_gravity="top"
+        android:background="@null"
+        android:visibility="invisible"
+        app:elevation="0dp"
+        app:layout_collapseMode="pin"
+        tools:visibility="gone"
+        />
+
+      <RelativeLayout
+        android:id="@+id/relativeLayout"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:layout_gravity="bottom"
+        android:background="@color/CFFFFFF"
+        app:layout_collapseMode="pin">
+
+        <Spinner
+          android:id="@+id/spinner_select_contents"
+          android:layout_width="wrap_content"
+          android:layout_height="45dp"
+          android:layout_marginStart="14dp"
+          android:background="@drawable/filter_drop_down"
+          android:entries="@array/main_filter"
+          android:focusable="true"
+          android:padding="10dp"
+          android:textColor="@color/C000000"
+          android:textSize="12dp"/>
+
+      </RelativeLayout>
+    </android.support.design.widget.CollapsingToolbarLayout>
+  </android.support.design.widget.AppBarLayout>
+
+  <LinearLayout
     android:layout_width="match_parent"
-    android:layout_height="0dp"
-    android:layout_marginStart="16dp"
-    android:layout_marginEnd="16dp"
-    android:clipToPadding="false"
-    app:layout_constraintBottom_toBottomOf="parent"
-    app:layout_constraintLeft_toLeftOf="parent"
-    app:layout_constraintRight_toRightOf="parent"
-    app:layout_constraintTop_toBottomOf="@id/relativeLayout"
-    />
-</android.support.constraint.ConstraintLayout>
+    android:layout_height="wrap_content"
+    app:layout_behavior="@string/appbar_scrolling_view_behavior">
+
+    <android.support.v7.widget.RecyclerView
+      android:id="@+id/recycler_view_third_category_main"
+      android:layout_width="match_parent"
+      android:layout_height="wrap_content"
+      android:layout_gravity="bottom"
+      android:layout_marginStart="16dp"
+      android:layout_marginEnd="16dp"
+      android:clipToPadding="false"
+      app:layout_constraintBottom_toBottomOf="parent"
+      app:layout_constraintLeft_toLeftOf="parent"
+      app:layout_constraintRight_toRightOf="parent"
+      app:layout_constraintTop_toBottomOf="@id/relativeLayout"
+      />
+  </LinearLayout>
+</android.support.design.widget.CoordinatorLayout>

app/src/main/res/layout/main_series_view.xml

@@ -6,10 +6,11 @@
 
   <android.support.v7.widget.RecyclerView
     android:id="@+id/main_category_recycler_view"
+    android:layout_width="match_parent"
+    android:layout_height="wrap_content"
+    android:layout_marginTop="23dp"
+    android:clipToPadding="false"
     android:paddingStart="16dp"
     android:paddingEnd="16dp"
-    android:paddingBottom="31dp"
-    android:clipToPadding="false"
-    android:layout_width="match_parent"
-    android:layout_height="wrap_content"/>
+    android:paddingBottom="20dp"/>
 </android.support.constraint.ConstraintLayout>