简介:
tablayout+拉伸工具栏
效果图:
代码分析:
引入的库
compile
'com.android.support:design:24.0.0'
compile 'com.android.support:support-v4:23.4.0'
compile 'com.android.support:cardview-v7:23.0.0'
compile 'com.android.support:support-v4:23.4.0'
compile 'com.android.support:cardview-v7:23.0.0'
android:fitsSystemWindows
适应系统窗口
android.support.design.widget.CoordinatorLayout
CoordinatorLayout是一个增强型的FrameLayout。它的作用有两个,作为一个布局的根布局 最为一个为子视图之间相互协调手势效果的一个协调布局
android.support.design.widget.AppBarLayoutAppBarLayout 是继承LinerLayout实现的一个ViewGroup容器组件,它是为了Material Design设计的App Bar,支持手势滑动操作。默认的AppBarLayout是垂直方向的,它的作用是把AppBarLayout包裹的内容都作为AppBarandroid.support.design.widget.CollapsingToolbarLayout拉伸工具条
app:layout_collapseMode="pin"
ollapsingToolbarLayout的app:layout_collapseMode=”pin”来确保Toolbar在view折叠的时候仍然被固定在屏幕的顶部。app:contentScrim="?attr/colorPrimary"app:layout_collapseMode="parallax"app:layout_collapseParallaxMultiplier="0.7"
还可以做到更好的效果,当你让CollapsingToolbarLayout和Toolbar在一起使用的时候,title 会在展开的时候自动变得大些
而在折叠的时候让字体过渡到默认值。
必须注意,在这种情况下你必须在CollapsingToolbarLayout上调用 setTitle(),而不是在Toolbar上。
除了固定住View,你还可以使用 app:layout_collapseMode=”parallax”
(以及使用 app:layout_collapseParallaxMultiplier=”0.7”来设置视差因子)
来实现视差滚动效果(比如 CollapsingToolbarLayout里面的一个ImageView),这中情况和CollapsingToolbarLayout的 app:contentScrim=”?attr/colorPrimary”属性一起配合更完美。
android.support.design.widget.TabLayout切换标签栏
切换标签栏的颜色app:tabIndicatorColor="@color/colorAccent"
app:layout_behavior="@string/appbar_scrolling_view_behavior"滚动行为
android.support.v7.widget.RecyclerView循环view,替代listview