[Android Demo] tablayout+拉伸工具栏

来源:互联网 发布:描述性数据分析 编辑:程序博客网 时间:2024/05/27 09:46
简介:
         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'


android:fitsSystemWindows
    适应系统窗口
android.support.design.widget.CoordinatorLayout

CoordinatorLayout是一个增强型的FrameLayout。它的作用有两个,作为一个布局的根布局 最为一个为子视图之间相互协调手势效果的一个协调布局

android.support.design.widget.AppBarLayout
AppBarLayout 是继承LinerLayout实现的一个ViewGroup容器组件,它是为了Material Design设计的App Bar,支持手势滑动操作。默认的AppBarLayout是垂直方向的,它的作用是把AppBarLayout包裹的内容都作为AppBar
android.support.design.widget.CollapsingToolbarLayout
拉伸工具条
app:layout_collapseMode="pin"
app:contentScrim="?attr/colorPrimary"
app:layout_collapseMode="parallax"
app:layout_collapseParallaxMultiplier="0.7"
ollapsingToolbarLayout的app:layout_collapseMode=”pin”来确保Toolbar在view折叠的时候仍然被固定在屏幕的顶部。

还可以做到更好的效果,当你让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

项目总结:
  

参考资料:

https://github.com/lzctbyong/TabViewPager.git




0 0
原创粉丝点击