在线客服系统
十三年专注于网站建设与互联网应用开发,低调、有情怀的网络应用服务商!
南昌百恒科技微信公众号 扫一扫关注
tel-icon全国服务热线:400-680-9298,0791-88117053
扫一扫关注百恒科技微信公众号

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

百恒科技 2018-07-31 15:22:14 3409
       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动画实现圆形扩散效果二

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

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

       注意,成功调用createCircularReveal(...)方法的前提条件是,布局中已有目标视图。
400-680-9298,0791-88117053
扫一扫关注百恒网络微信公众号

欢迎您的光顾,我们将竭诚为您服务×

售前咨询 售前咨询
 
售前咨询 售前咨询
 
售前咨询 售前咨询
 
售前咨询 售前咨询
 
售前咨询 售前咨询
 
售后服务 售后服务
 
备案专线 备案专线
 
售后服务 售后服务
 
×