效果展示
<?xml version="1.0" encoding="utf-8"?> <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:id="@+id/pink_scroll" android:layout_width="match_parent" android:layout_height="match_parent" android:fitsSystemWindows="true" tools:context=".fragment.PinkFragment"> <android.support.design.widget.AppBarLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"> <android.support.design.widget.CollapsingToolbarLayout android:layout_width="match_parent" android:layout_height="wrap_content" app:collapsedTitleGravity="center" app:collapsedTitleTextAppearance="@style/collapsed_tv" app:contentScrim="@color/endColorForSetVideo" app:expandedTitleGravity="center" app:expandedTitleTextAppearance="@style/expanded_tv" app:layout_scrollFlags="scroll|exitUntilCollapsed" app:title="标题"> <com.youth.banner.Banner android:id="@+id/pink_banner" android:layout_width="match_parent" android:layout_height="180dp" /> <android.support.v7.widget.Toolbar android:layout_width="match_parent" android:layout_height="@dimen/dp_44" android:layout_gravity="top" app:layout_collapseMode="pin"> </android.support.v7.widget.Toolbar> </android.support.design.widget.CollapsingToolbarLayout> <LinearLayout android:id="@+id/pink_ll2" android:layout_width="match_parent" android:layout_height="@dimen/dp_44" android:background="#f2aeae" android:orientation="horizontal"> <TextView android:layout_width="0dp" android:layout_height="44dp" android:layout_weight="1" android:gravity="center" android:text="视频" /> <TextView android:layout_width="0dp" android:layout_height="44dp" android:layout_weight="1" android:gravity="center" android:text="故事" /> <TextView android:layout_width="0dp" android:layout_height="44dp" android:layout_weight="1" android:gravity="center" android:text="头条" /> <TextView android:layout_width="0dp" android:layout_height="44dp" android:layout_weight="1" android:gravity="center" android:text="榜单" /> <TextView android:layout_width="0dp" android:layout_height="44dp" android:layout_weight="1" android:gravity="center" android:text="北京" /> </LinearLayout> </android.support.design.widget.AppBarLayout> <android.support.v7.widget.RecyclerView android:id="@+id/pink_recycle" android:layout_width="match_parent" android:layout_height="match_parent" app:layout_behavior="@string/appbar_scrolling_view_behavior" /> </android.support.design.widget.CoordinatorLayout>
对于这种效果其实不难,关键是了解各个控件的属性。
参考于:颖字传说
链接:https://www.jianshu.com/p/575af19b63f7
来源:简书
参考于:http://www.jcodecraeer.com/plus/view.php?aid=10428