仿写Social Steps的ToolBar效果【下拉刷新的一种】
来源:互联网 发布:淘宝自动核对地址插件 编辑:程序博客网 时间:2024/06/16 01:46
前段时间在medium上看到一篇比较有意思的文章Toolbar Delight。该篇文章讲解了如何实现下面这种效果:
gif效果不好,想看清晰的版本请看原始文章的视频。
文章虽好,但是代码不全,有些细节作者其实也没有透露。于是我大致看了之后决定自己实现一个类似的效果,相似程度95以上吧。
其实这种还是很简单的,都是些细节问题,大致可以分解为:
从左到右边的渐变,这个很简单。
滚动的时候弧度随着 AppBarLayout 的 verticalOffset 发生变化,当折叠的时候,颜色逐渐过渡到colorPrimary,同时云彩也在折叠的时候往边界跑。
不同时间颜色是不一样的,太阳或者月亮的位置也尽量模拟真实世界。这个不难,把一天的时间分段处理就好了。
当打开界面的时候,有一个从上一个时间段状态过渡到当前状态的动画。我这里的实现效果跟原文略有区别,但是要做到跟文章完全吻合也很简单。
至于太阳,星星,云彩,都是bitmap,反编译Social Steps得到的。
好吧,编不下去了,直接看我最终实现的效果:
以上是晚上19.44的效果,其它时间段就不一一上图了。
大部分效果都是在一个叫做ToolbarArcBackground的自定义view中实现的:
代码详情
阅读全文
0 0
- 仿写Social Steps的ToolBar效果【下拉刷新的一种】
- 仿Path 水滴的下拉刷新效果 还有视差滚动
- 高仿IOS下拉刷新的粘虫效果
- 高仿IOS下拉刷新的粘虫效果
- 高仿QQ聊天消息列表的下拉刷新效果
- 仿QQ的下拉效果
- 下拉刷新的视差效果
- 非常简单的下拉刷新和下拉加载更多效果,仿IOS水滴,效果非常好,集成也很简单。
- Android的事件传递(仿下拉刷新)
- 仿朋友圈下拉刷新的实现
- 支持下拉刷新和上划加载更多的自定义RecyclerView(仿XListView效果)
- Android 仿IOS版QQ实现下拉刷新水滴的效果
- android 仿朋友圈下拉刷新效果
- 仿饿了么下拉刷新效果
- android 仿淘宝的加载刷新效果
- 仿Google相册的侧滑栏效果(DrawerLayout Toolbar)
- 探索Android 下拉刷新效果的实现
- 探索Android 下拉刷新效果的实现
- 程序员如何高效学习(以 Java 为例)
- 代码故事 | 一个猫奴的技术逆袭——Linus Torvalds
- linux设备驱动归纳总结(八):1.总线、设备和驱动
- XC7VX690T-2FFG1761_PCIe 系列之一
- 四大组件之BoradcaseReceiver
- 仿写Social Steps的ToolBar效果【下拉刷新的一种】
- GitLab的使用(二)---SSH Keys添加
- 声音管理类AudioManager
- etcd
- JQuery3.1.1源码解读(一)【jQuery总体架构】
- junit与mockMVC测试
- 第九周项目三(2) 求叶节点
- 赛车类嵌入式小游戏《极限逆行》设计与实现
- linux netlink的使用及示例