安卓MD风格的布局记录

Posted 2023-05-05

参考技术A 随手记录下最近工作中新接触的东西。

两个月时间赶了3个项目，刚好前段时间突然了解了下CoordinatorLayout这个东西，然后就一头扎进去不可收拾了，从而引出了NestedScrolling机制--->>SwipeRefreshLayout、AppBarLayout、CollapsingToolbarLayout、TabLayout、ViewPager、RecyclerView等一大堆控件。

首先，CoordinatorLayout+AppBarLayout+CollapsingToolbarLayout+Toolbar+TabLayout+ViewPager，典型的界面联调加tab切换页面的布局，标题头滑动悬浮，部分内容滑动消失等。在这3个项目中丧心病狂的几乎每个界面都用了。先上一个简单点的：

这个就是简单的CoordinatorLayout+AppBarLayout+CollapsingToolbarLayout+Toolbar+TabLayout+ViewPager布局，CollapsingToolbarLayout指定了layout_scrollFlags为scroll与exitUntilCollapsed，表示CollapsingToolbarLayout布局会随着向上滑动而折叠，这两个属性属于AppBarLayout，另外还有enterAlways、enterAlwaysCollapsed属性，具体解释这里不介绍，百度CoordinatorLayout即可。CollapsingToolbarLayout中又有pin、parallax、none属性，设置pin的即表示CollapsingToolbarLayout滑动时控件不会变化，最终会折叠在屏幕上方，设定parallax与none的控件最终都会滑出屏幕，区别在于前者滑动过程中会有一个折叠效果，后者则是平滑滑动离开界面。上面布局中Toolbar就设置了pin属性，里面则包含了一个标题，即表示向上滑动时轮播图会离开界面，标题最终会停留在屏幕顶部。而下面的TabLayout未设置属性，即表示AppBarLayout滑动时，最终TabLayout也会停留在屏幕上方。TabLayout又与ViewPager联动，

ViewPager指定了一个behavior属性，内容为系统提供的一个Behavior，设定这个值的主要用处是使CoordinatorLayout能够滑动起来，即CoordinatorLayout能够滑动联调子布局的前提是有一个直接的子View设置了一个Behavior属性。当然还有其他很多的Behavior属性比如FloatButton的Bahavior等，都是用于CoordinatorLayout联调布局的。

从上面的布局可以延伸开来，是不是可以用一个Layout来替换调轮播图的位置，这样就能实现了一大块复杂的布局滑动离开界面，然后Tab栏能一直停留，下面通过List来展示数据。

下一篇文章来记录这个。

安卓开源项目周报0411

由OpenDigg 出品的安卓开源项目周报第十六期来啦。我们的安卓开源周报集合了OpenDigg一周来新收录的优质的安卓开源项目，方便安卓开发人员便捷的找到自己需要的项目工具。
cropiwa 实现图片剪裁的多配置部件

PatternLockView MD风格的Android解锁视图

Grav 基于点制作动画

Isometric 安卓图形库

IconSwitch 自定义切换部件

FingerprintManager 处理授权和加密服务

BezierViewPager 触摸贝塞尔圆球式图片展示

Traceur 使RxJava2的exception调试变得简单

CameraView 仿微信拍照的Android开源控件

OneDrawable 为View设置具有按下效果的背景

RandomData 提供测试模拟屏幕的仿真数据

AndroidGpsStatus 显示GPS状态和信号强度

sdk3rd 第三方SDK集成库

Tutors 种显示用户界面教程

CircleRangeView 自定义圆形仪表盘View