通过circular reveal动画实现圆形扩散效果

       circular reveal动画看起来就像墨滴在一张纸上向外快速扩散。从一个交互点出发(通常是用

户的按压点),视图或是一段文字向外扩散式显现。那么如何通过circular reveal动画实现圆形扩散效果呢?下面我们就来学习一下吧!

在BeatBox应用中模拟circular reveal动画特效

       要创建circular reveal动画特效,可调用ViewAnimationUtils的createCircularReveal(...)方法。该方法有5个参数:

       static Animator createCircularReveal(View view, int centerX, int centerY,float startRadius, float endRadius)

       第一个 View 参数就是要向外扩散显现的视图。在图1中,这个视图就是和BeatBoxFragment宽高一致的红色实心视图。如果动画从startRadius(值为0)圆点开始到endRadius结束,这个红点视图会先变为透明状态,并随着一个不断放大的圆慢慢显现。centerX和centerY是这个圆的圆点坐标(也就是View的坐标)。该方法会返回一个Animator。

       南昌APP开发公司指出,circular reveal动画应该开始于用户手指在屏幕上的触点。所以,首先要找到用户点击视图的坐标,如图2代码所示:

       然后开始执行circular reveal动画,如图3代码所示:

       注意,成功调用createCircularReveal(...)方法的前提条件是,布局中已有目标视图。

提供全面的搜索引擎优化学习交流,专注网站优化和搜索引擎营销推广服务。用专业的SEO技术为企业网站提升关键词排名,让你的网站不仅满足用户体验还要适合搜索引擎优化规则。
易速网站优化公司 » 通过circular reveal动画实现圆形扩散效果
享更多特权,立即登录下载海量资源
喜欢我嘛?喜欢就按“ctrl+D”收藏我吧!♡