Android design support library---CollapsingAvatarToolbar分析

Android design support library中包含8个material design组件,最低支持android 2.1,这些组件是google针对github上最火的几个android组件进行了标准化的封装,使用design非常简单

引用这个库:在 build.gradle 文件中加上这段代码: compile 'com.android.support:design:22.2.0

这8个组件分别是:

TextInputLayout

   FloatingActionButton

Snackbar

Tabs

选项卡,一般和 TabLayout 一起使用哦

Navigation View

大家都记得 DrawerLayout 这个控件吧!

CoordinatorLayout  ,  CollapsingToolbarLayout  和 AppBarLayout  这三个组件

  • CoordinatorLayout 是一个超级 FrameLayout
  • CollapsingToolbarLayout 类似 这张图
  • AppBarLayout 全新,用来实现各种 Material Design 概念效果的一个 Layout,主要负责对滑动的响

组件布局分析:




    

        

            

            

                

                

                    

                    
                
            

        

    

    

        

    

    

Android design support library---CollapsingAvatarToolbar分析_第1张图片

Android design support library---CollapsingAvatarToolbar分析_第2张图片 CollapsingAvatarToolbar必须在 AppBarLayout里面,被CollapsingToolbarLayout包裹。查询Android Design Support library 获取更多信息。
  • CollapsingAvatarToolbar必须有个Toolbar伴随,如果你不想使用Toolbar,我们可以讨论讨论。

  • 扩展高度(Expanded height) 取决于AppBarLayout的高度。

  • 折叠高度(Collapsed height )取决于Toolbar的高度。

  • 你必须在CollapsingAvatarToolbar里面设置头像(avatar)和标题视图( title view),且id必须喝上面演示的完全一致。这些id事library里面的。(所以是@而不是@+)。

  • 你可以使用任意TextView作为title,以及任意view作为头像,我这里的例子用的是hdodenhof的CircleImageView ,但是这取决于你自己。

  • 你也可以添加更多view到CollapsingAvatarToolbar里面。

  • 所有的自定义属性都是可选的,如果没有提供就使用默认的 

外部Library

  • Support v7 AppCompat Library

  • Design Support Library

  • CircleImageView (for sample)

你可能感兴趣的:(android)