-
本文代码的地址:AndroidXMotionLayoutDemo(求star)
-
MotionLayout 继承ConstraintLayout 实现 NestedScrollingParent2 ,是谷歌的一个新的Layout!能实现上面有趣的效果
-
1、基本示例1/2 左右移动 ,然后慢慢的滚回到远点
-
2、基本示例2/2 左右移动,另外的一种的实现的方式 ,可以改变小球的大小
-
3、自定义属性 * 左右移动,颜色渐变,大小渐变,在中间,我个人感觉是两个颜色的重叠,注意在布局中的颜色其实设置没有什么作用
-
5、ImageFilterView2/2
-
Saturation 饱和度的意思 图片在上下位移的时候 ,动态改变饱和度 motion:attributeName="Saturation" 从1变为0
-
什么是图像的饱和度?饱和度指的是图像的颜色的浓度,饱和度越高,颜色越饱满,饱和度越低,颜色就会显示的陈旧和惨淡,饱和度为0,图像就是灰色的图像
-
6、关键帧位置(1/3)
-
7、关键帧插值(2/3)
- 更复杂的关键帧,添加旋转插值,加上了自身的旋转
-
8、关键帧周期(3/3)
-
9、CoordinatorLayout示例(1/3)
-
10、CoordinatorLayout示例示例(2/3
-
11、CoordinatorLayout示例3/3
-
12、drawerlayout示例(1/2)
-
13、drawerlayout示例(2/2)
-
14、侧面板示例
- 侧面板,与motionlayout一起实现,侧板的信息栏,这里是可以展示侧边的抽屉框。但是不知道有什么用处 MockView MockView(新特性的布局)
- 15、视差示例
- 就是使用 新的特性控制下,拖拽的效果,背景有个变大的效果
- 17、ViewPager Lottie Example
- lottie是一个面向Android和iOS的移动库,它解析导出为带有bodymovin的json格式的Adobe After Effects动画,并在移动设备上进行本地渲染! * 第一次,设计师可以创造和发送美丽的动画,而无需一个工程师刻意用手重新创造。他们说一张图片值1000个字,所以这里有13000个:
-
18、复杂运动示例(1/4)
-
19、复杂运动示例(2/4)
- 配合着 FloatingActionButton 使用 这个控件的动画是由谁来控制的呢?是由secen_18 控制的
-
20、复杂运动示例(3/4)
- 高级协调布局类似行为(添加FAB),视图调整了大小
- 配合着 FloatingActionButton 使用 视图发生了放大的效果
-
21、复杂运动示例(4/4)"
- 高级同步reval运动+助手(反弹),这个动画比较炫酷哦
- 22、Fragment转换示例(1/2)
- 这种新的特性我一定要利用起来啊
-
23、Fragment转换示例(2/2)
- 使用动画,开启一个fragment 然后这个fragment中有一个list条目,点击这item,开启itemfragment,然后呢,中间这个listFragment就自动关闭了,慢慢的拖动,也可以返回到上一个fragment,下一个使用这个效果,很有意思哦 谷歌的Demo有两处的错误 ,我提了 issues https://github.com/googlesamples/android-ConstraintLayoutExamples/issues/76 https://github.com/googlesamples/android-ConstraintLayoutExamples/issues/75
-
24、YouTube类运动示例
- 显示像YouTube一样的过渡示例
- BottomNavigationView 这个导航栏的使用,复杂的动画效果
- Google官方的Demo:Google Samples
- Google官方的Demo:[ConstraintLayoutExamples](https://github.com/googlesamples/android-ConstraintLayoutExamples