Android控件实现QQ式水滴效果
9 浏览量
更新于2024-08-29
收藏 133KB PDF 举报
Android控件实现水滴效果
Android控件实现水滴效果是指在Android应用程序中实现类似于iOS版QQ刷新效果的水滴效果。该效果通过使用贝塞尔曲线和属性动画实现动态的水滴效果。
一、总体思路
实现水滴效果需要画两个圆形,其中一个是上面的大圆,另一个是下面的小圆。大圆和小圆不断变小,大圆的位置保持不变,小圆的位置不断向下移动,即圆心不断下移。然后,画两边的曲线,这时候用到贝塞尔曲线去画。最后,使用属性动画实现动态的效果。
二、代码实现
在代码实现中,首先需要找出画曲线的几个关键点。画出第一张图,然后在上面分别画两个圆,就可以得到第二张图。关键是画出第一张图。在这里,p1、p2、p3、p4这四个点分别对应两个圆的两边的点,即p1到p2就是圆的直径。p3和p4同理,那么就很容易确定这四个点的坐标了。
然后,c1和c2是分别控制p1到p3、p2到p4的曲线,是贝塞尔曲线的控制点。它们的横坐标对应的是p3、p4的横坐标(相等),纵坐标取两个圆心距离的一半。这样画出这个静态的图片就不难了。
在构造方法中,需要调用init()初始化一些基本的变量,如drawFilter和paint。drawFilter用于设置抗ialiasing和Bitmap filter,paint用于设置画笔的颜色和样式。
在onDraw()方法中,需要重新new Path,然后使用贝塞尔曲线的绘制,用到是path.quadTo()方法。具体可以看代码。
三、贝塞尔曲线
贝塞尔曲线是一种数学曲线,用于描述曲线的形状。贝塞尔曲线可以用来绘制各种复杂的曲线,如圆弧、椭圆、抛物线等。在这里,贝塞尔曲线用于绘制水滴效果的两边的曲线。
四、属性动画
属性动画用于实现水滴效果的动态变化。通过设置动画的持续时间、延迟时间、插值器等,可以实现各种不同的动画效果。在这里,属性动画用于实现水滴效果的动态变化。
五、结论
Android控件实现水滴效果通过使用贝塞尔曲线和属性动画实现动态的水滴效果。该效果可以应用于各种Android应用程序中,提高用户体验。
2016-01-28 上传
点击了解资源详情
2021-04-06 上传
点击了解资源详情
点击了解资源详情
2021-01-04 上传
2021-12-16 上传
weixin_38672731
- 粉丝: 5
- 资源: 952
最新资源
- Android圆角进度条控件的设计与应用
- mui框架实现带侧边栏的响应式布局
- Android仿知乎横线直线进度条实现教程
- SSM选课系统实现:Spring+SpringMVC+MyBatis源码剖析
- 使用JavaScript开发的流星待办事项应用
- Google Code Jam 2015竞赛回顾与Java编程实践
- Angular 2与NW.js集成:通过Webpack和Gulp构建环境详解
- OneDayTripPlanner:数字化城市旅游活动规划助手
- TinySTM 轻量级原子操作库的详细介绍与安装指南
- 模拟PHP序列化:JavaScript实现序列化与反序列化技术
- ***进销存系统全面功能介绍与开发指南
- 掌握Clojure命名空间的正确重新加载技巧
- 免费获取VMD模态分解Matlab源代码与案例数据
- BuglyEasyToUnity最新更新优化:简化Unity开发者接入流程
- Android学生俱乐部项目任务2解析与实践
- 掌握Elixir语言构建高效分布式网络爬虫