为了账号安全,请及时绑定邮箱和手机立即绑定

Android在项目中运用Meterial Design实现动画效果

标签:
Android

1、CoordinatorLayout效果图

运行效果图:(录屏分辨率有点低,导致图片模糊,实际效果是很清晰的)

Android在项目中运用Meterial Design实现动画效果

2、什么是 CoordinatorLayout

CoordinatorLayout,是继承自 FrameLayout 。该布局非常好用,能够协调子元素之间的依赖关系。CoordinatorLayout通过协调调度子布局的形式实现触摸影响布局的形式产生动画效果。常常与CoordinatorLayout一起使用的控件有AppBarLayout、CollapsingToolbarLayout、NestedScrollView以及Toolbar。这几个控件相互配合,可以写出一个类似上面效果图不错的页面出来。

这边附上官网的介绍链接,有兴趣看英文文档的强烈推荐:

http://android-developers.blogspot.com/2015/05/android-design-support-library.html

3、常用属性讲解

因为头条不支持代码格式,就不展示代码了,有需要本文代码的,私信给我。外层是CoordinatorLayout 包裹,因为CoordinatorLayout前面说了,它是继承自五大布局中的 FrameLayout,所以用法与之类似。

这个动画效果最重要重点使用了CollapsingToolbarLayout可实现Toolbar的折叠效果。

有几个重要的属性需要重点介绍下:

1、app:contentScrim="#30469b"

设置当完全CollapsingToolbarLayout收缩后ToolBar的背景颜色。

2、app:layout_scrollFlags="scroll|exitUntilCollapsed"

当用户向上拉时收缩时,可以固定Toolbar一直在上面。

3、app:expandedTitleMarginStart="48dp"

可以设置扩张时候标题向左填充的距离。

4、 app:layout_collapseParallaxMultiplier="0.5"

CollapsingToolbarLayout滑动时,子视图的视觉差,可以通过这个属性来改变。值的范围[0.0,1.0],值越大视察越大。

5、app:layout_collapseMode=”parallax”

app:layout_collapseMode="pin"

子视图的折叠模式,有两种,经常使用:

pin:设置为这个模式时,当CollapsingToolbarLayout完全收缩后,Toolbar还可以保留在屏幕上,在折叠的时候最后固定在顶端;

parallax:视差模式,在折叠的时候会有个视差折叠的效果。

原文链接:http://www.apkbus.com/blog-822719-75855.html

点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

举报

0/150
提交
取消