小说Android小动画

GitHub小伙伴 2018-10-10 13:05:32

工作了两年,我是没有遇到过很复杂的动画。我猜,你也如此。偶尔,设计师突发奇想,设计了一个很炫的特效,我们也只能说,App马上要上线了,根本来不及。在业务如此之多的情况下,哪还有人有那个闲情逸致去花费大量时间精力实现可有可无的动画呢?开始我不同意,我觉得友好的交互,会影响用户的体验,做好细节,会让App更成功。可理想很丰满, 现实很骨感,今天的我妥协了。


说说小故事吧!


1.很久很久以前,我们的App需要一个下拉刷新功能。我在GitHub上就看中了这个,吊炸天吧!(创业公司,没策划,没美工,有的只是两三个程序员)



折腾了一两天,终于,我放弃了。恩,有Bug是一回事,场景压根不合适,我要的只是简简单单的一个刷新功能而已。


2. 很久很久以前,我看到一个很炫的App界面过度效果,用在App中一定另用户十分惊喜。(创业公司,没策划,没美工,有的只是我天马行空的想法)



折腾了一两天,终于,我放弃了。恩,兼容是一回事,场景压根不合适,用户要的只是简简单单的一个过渡功能而已。


好,扯了那么多,是不是可以不用学 Android 动画了。恩,洗洗睡吧!
我想说的是:小动画,大不同。


什么是小动画?根据我多年的理解(也就2年),小动画是指App界面一些局部动画,小到一张图片移动、缩放、透明、旋转等动画效果,小到一个按钮点击、长按、滑动等动画效果,小到...反正就是很小了。然而,做好小动画,可以造就大不同。


还是拿下拉刷新来说说,Android 5.0 之后,Google推出了自己的下拉组件SwipeRefreshLayout,效果也是挺漂亮的,改改可能更漂亮,如下:



看起来简洁大方又通用,放到大多数app都挺自然的。最近看到百度好看app的下拉刷新效果也是挺赞的,自己仿了下,效果如下:




恩,效果并不是很复杂,也不难实现,都是一些小动作,但是,却会给用户的体验带来大不同。


接下来,说说界面的过渡效果。V4包中有这个类ActivityOptionsCompat,可以实现很多酷炫的过渡效果,同时兼容Android 4.x 系统。




实现简单,比传统的渐变或者移动进入界面效果好,重要的是,利用了图片这共享元素,使动画的过渡变的好看而有意义!


我们在想想,App中用户最多的动作就是点击,给用户点击一个好的反馈也是个小动画。




Android 也提供了这样的方法并做了兼容。
?android:attr/selectableItemBackground,多用于列表,在视图范围内展示波纹效果。
?android:attr/selectableItemBackgroundBorderless ,多用于小图biao控件,波纹效果延伸至视图之外。


恩,记住了,写多一句代码,实现一个好的动画效果,不会让你多了很多工作,只会让你的app体验效果好点,何乐而不为。恩,干吧,少年。


还有其他小动画吗?有,我在说说吧。比如:Vector,Android 5.0发布的时候,Google提供了Vector的支持,最低兼容到 2.x。
徐医生总结了它的好处:
1. Vector图像可以自动进行适配,不需要通过分辨率来设置不同的图片
2. Vector图像可以大幅减少图像的体积,同样一张图,用Vector来实现,可能只有PNG的几十分之一
3. 使用简单,很多设计工具,都可以直接导出SVG图像,从而转换成Vector图像
4. 功能强大,不用写很多代码就可以实现非常复杂的动画
5. 成熟、稳定,前端已经非常广泛的进行使用了





最后说说,以上都是之前项目中会碰到的一些小动画,只是随意说说个人意见而已,有些有意义的动画,我们还是需要去实现的,效果也是特别感人的,记住了。啊哈哈哈哈哈,搬砖去。


关注公众号得到以上效果源码




觉得文章对你有帮助的童鞋可以关注下方的公众号 GitHub小伙伴 ,同时动动手指转发给其他需要的童鞋们吧。


长按二维码 关注我们

微信ID:GitHubLittleFriends


友情链接