Android 动画-CircularReveal
来源:互联网 发布:淘宝返利哪里取消? 编辑:程序博客网 时间:2024/06/07 10:40
上篇已经记录了Android 5.0以上的转场共享动画的知识,这次在来整理一下另一个比较炫的动画:CircularReveal。
CircularReveal也是MaterialDesign下的内容,也就是Android 5.0 API >= 21才能使用的。
一、实现
效果如上,是一个点击涟漪的感觉。代码实现也很简单:
Animator anim = ViewAnimationUtils.createCircularReveal( view, (int) event.getX(), (int) event.getY(), 0, (float) Math.hypot(v.getWidth(), v.getHeight())); anim.setDuration(1000); anim.setInterpolator(new AccelerateDecelerateInterpolator()); anim.start();
可见主要代码是createCircularReveal:
public static Animator createCircularReveal (View view, int centerX,int centerY, float startRadius, float endRadius)
参数说明:
- View view, 指定了为哪个View执行动画
- int centerX, 涟漪效果的中心x轴位置
- int centerY, 涟漪效果的中心y轴位置
- float startRadius, 开始的半径
- float endRadius, 结束的半径
很简单的实现吧,但是这么简单代码在项目中可应用的效果还是不错的,上面的效果算是一个抛砖引玉吧,来看下实际应用的效果:
顶部的SearchView和底部的BottomNavigation都实现了这样的效果。
栗子详细代码,请点这里~
1 0
- Android 动画-CircularReveal
- Android 5.0 动画之CircularReveal
- Android CircularReveal揭露动画三种实现
- Android 创建CircularReveal揭露动画的实现
- AndroidMaterialDesign动画之CircularReveal
- Android Material Design(6) CircularReveal圆形扩散动画的使用
- CircularReveal
- android开发游记:meterial design 使用circularReveal仿哔哩哔哩(bilibili)搜索框动画
- android开发游记:meterial design 使用circularReveal仿哔哩哔哩(bilibili)搜索框动画
- 使用CircularReveal动画效果切换页面
- <android5.0>之CircularReveal
- Android动画--视图动画
- Android动画--属性动画
- android动画 -- 属性动画
- Android:动画:tween动画
- Android:动画:Frame动画
- Android动画动画二
- Android动画-属性动画
- soapUI:org.xml.sax.SAXParseException; lineNumber: 1; columnNumber: 8; 不允许有匹配 "[xX][mM][lL]
- oracle 11g安装出现的问题
- ionic2 @ionic-native/barcode-scanner应用
- 为什么Nginx的性能要比Apache高很多?
- 关于网络验证的一些思想的总结
- Android 动画-CircularReveal
- MySqL 命令2
- Spring+MyBatis实现数据库读写分离方案
- 浅谈Linux下CPU利用率和CPU负载
- JS中的类型检测
- 剑指offer——字符流中第一个不重复的字符
- swift 初用地图
- WebSocket 是什么原理?为什么可以实现持久连接?
- Android和H5交互之初学H5