练习项目 一款新闻app的开发 （二） ： 新闻首页开发（整体UI架构）

下面主要整理下关于新闻首页的开发，最终效果图如下

本节主要先说下关于标题顶部栏和导航栏的UI处理，主要用到知识点有： 

  1.CoordinatorLayout : 

        用来协调子view. 具体详细描述，可以参照这篇博客： CoordinatorLayout的使用如此简单

  2.ToolBar:   

        Toolbar 使用来替代原来的ActionBar。一个Toolbar 从左到右包括了 一个navigation button、一个logo、一个title和subtitle、一个或多个自定义的View和一个 action menu 这5部分。也就是这个ViewGroup 容器里面包含了这五部分内容

  3.AppBarLayout:

       AppbarLayout继承自LinearLayout,它就是一个垂直方向的LinearLayout,在LinearLayout的基础上添加了滑动手势。它可以让你定制在某个可滑动的View（如：ScrollView ,ListView ,RecyclerView 等）滑动手势发生改变时，内部的子View 该做什么动作.

       内部的子View通过在布局中加app:layout_scrollFlags设置执行的动作。

通过CoordinatorLayout +AppBarLayout+ToolBar，就可以实现一个可根据滑动view进行滑动的顶部栏。具体详细描述，可以参照这篇博客  玩转AppBarLayout，更酷炫的顶部栏。

      上面主要整理了一些项目中顶部栏所用到的一些控件，接下来说下导航栏的处理。导航栏主要是通过TabLayout+ViewPager+Fragment来实现。

 关于TabLayout的相关详细介绍，可以参照这篇博客