下面主要整理下关于新闻首页的开发,最终效果图如下
本节主要先说下关于标题顶部栏和导航栏的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的相关详细介绍,可以参照这篇博客