手把手教你掌握Design新控件(二)

继上篇 手把手教你掌握Design新控件,没有讲完了,下面继续

5、 NavigationView 导航视图


NavigationView 导航视图,一般与DrawerLayout(抽屉布局)联合使用。
它为应用程序提供标准的导航菜单,
菜单内容可以通过一个xml菜单文件来填充

        

其中

  • app:headerLayout:表示NavigationView的头部布局,也就是一个布局文件
  • app:menu:表示NavigationView的导航菜单

导航菜单布局:



    
        

            
                
                
            
        

        

        
    


其中

group:表示组
android:checkableBehavior:可以接受下面3种值

  • single 组中只有一个菜单项可以checked
  • all 组中所有菜单项可checked
  • none 组中所有菜单项都不可checked
    item:表示项,下面可以有子菜单, item与item会默认有分割线分开。
手把手教你掌握Design新控件(二)_第1张图片
分割线

这里需要注意NavigationView是一个很好的实现侧边抽屉效果的组件,
我们注意到设计好的彩色图标,在NavigationView中默认是灰色。可以通过

setItemIconTintList(null);

来修改,如图:

手把手教你掌握Design新控件(二)_第2张图片
修改默认灰色

6、 AppBarLayout应用程序栏布局


 
            
            
            
            
        

向上滚动效果:

手把手教你掌握Design新控件(二)_第3张图片
向上滚动

向上滚动时Toolbar被隐藏了,再在向下滑动AppBarLayout,发现Toolbar又出来了。
相当于是一个可以折叠的工具栏。
这是因为我们的Toolbar设置了app:layout_scrollFlags="scroll|enterAlways" 属性

7、CoordinatorLayout 协作布局


        

8、CollapsingToolbarLayout 折叠工具栏布局


        

            

            

        
手把手教你掌握Design新控件(二)_第4张图片
折叠效果

关于Design常用新控件就简单的做了个小结。
--END--

洪生鹏。一个文学爱好者,热衷旅行、写作,过着白天到工地搬砖、晚上写故事的生活。

你可能感兴趣的:(手把手教你掌握Design新控件(二))