博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Android -- 补间动画
阅读量:7029 次
发布时间:2019-06-28

本文共 3634 字,大约阅读时间需要 12 分钟。

补间动画的优点是可以节省空间。补间动画与逐帧动画在本质上是不同的,逐帧动画通过连续播放图片来模拟动画的效果,而补间动画则是通过在两个关键帧之间补充渐变的动画效果来实现的。目前Android应用框架支持的补间动画效果有以下5种。具体实现在android.view.animation类库中。

  • AlphaAnimation:透明度(alpha)渐变效果,对应<alpha/>标签。
  • TranslateAnimation:位移渐变,需要指定移动点的开始和结束坐标,对应<translate/>标签。
  • ScaleAnimation:缩放渐变,可以指定缩放的参考点,对应<scale/>标签。

 

RotateAnimation:旋转渐变,可以指定旋转的参考点,对应<rotate/>标签。

  • AnimationSet:组合渐变,支持组合多种渐变效果,对应<set/>标签。

 

补间动画的效果同样可以使用XML语言来定义,这些动画模板文件通常会被放在Android项目的res/anim/目录下。

主代码                                                                                        

public class MainActivity extends Activity {    private ImageView iv;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        iv = (ImageView) findViewById(R.id.iv);    }    public void click1(View v) {        AlphaAnimation ani = new AlphaAnimation(0.0f, 1.0f);        ani.setDuration(2000);        ani.setRepeatCount(2);        ani.setRepeatMode(Animation.REVERSE);        iv.startAnimation(ani);    }    public void click11(View v) {        Animation ani = AnimationUtils.loadAnimation(this, R.anim.alpha_anim);        iv.startAnimation(ani);    }    public void click2(View v) {        ScaleAnimation ani = new ScaleAnimation(0.0f, 2.0f, 0.0f, 2.0f,                Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF,                0.5f);        ani.setDuration(2000);        ani.setRepeatCount(2);        ani.setRepeatMode(Animation.REVERSE);        iv.startAnimation(ani);    }    public void click22(View v) {        Animation ani = AnimationUtils.loadAnimation(this, R.anim.rotate_ani);        iv.startAnimation(ani);    }    public void click3(View v) {        RotateAnimation ani = new RotateAnimation(0, 360,                Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF,                0.5f);        ani.setDuration(2000);        ani.setRepeatCount(2);        ani.setRepeatMode(Animation.REVERSE);        iv.startAnimation(ani);    }    public void click33(View v) {        Animation ani = AnimationUtils.loadAnimation(this, R.anim.scale_ani);        iv.startAnimation(ani);    }    public void click4(View v) {        TranslateAnimation ani = new TranslateAnimation(                Animation.RELATIVE_TO_PARENT, 0.0f,                Animation.RELATIVE_TO_PARENT, 1.0f,                Animation.RELATIVE_TO_PARENT, 0.0f,                Animation.RELATIVE_TO_PARENT, 1.0f);        ani.setDuration(2000);        ani.setRepeatCount(2);        ani.setRepeatMode(Animation.REVERSE);        iv.startAnimation(ani);    }    public void click44(View v) {        Animation ani = AnimationUtils.loadAnimation(this, R.anim.translate);        iv.startAnimation(ani);    }}

Animation的xml                                                                       

代码解析                                                                                    

 

  • alpha

 

fromAlpha :起始透明度 

toAlpha:结束透明度 

1.0表示完全不透明

0.0表示完全透明

 

  • rotate

 

fromDegrees:表示旋转的起始角度 

toDegrees:表示旋转的结束角度 

repeatCount:旋转的次数  默认值是0 代表旋转1次  如果值是repeatCount=4 旋转5次,值为-1或者infinite时,表示补间动画永不停止 

repeatMode 设置重复的模式。默认是restart。当repeatCount的值大于0或者为infinite时才有效。

 repeatCount=-1 或者infinite循环了  还可以设成reverse,表示偶数次显示动画时会做与动画文件定义的方向相反的方向动行。

 

  • scale

 

fromXScale:表示沿着x轴缩放的起始比例 

toXScale:表示沿着x轴缩放的结束比例 

fromYScale:表示沿着y轴缩放的起始比例 

toYScale:表示沿着y轴缩放的结束比例 

图片中心点: 

android:pivotX="50%"android:pivotY="50%"
  • translate

android:interpolator 动画的渲染器 

accelerate_interpolator(动画加速器) 使动画在开始的时候 最慢,然后逐渐加速 

decelerate_interpolator(动画减速器)使动画在开始的时候 最快,然后逐渐减速 

accelerate_decelerate_interpolator(动画加速减速器) 

中间位置分层:  使动画在开始的时候 最慢,然后逐渐加速          

使动画在开始的时候 最快,然后逐渐减速  结束的位置最慢 

fromXDelta  动画起始位置的横坐标 

toXDelta    动画起结束位置的横坐标 

fromYDelta  动画起始位置的纵坐标 

toYDelta   动画结束位置的纵坐标 

duration 动画的持续时间 

在实际项目中,我们经常使用补间动画,原因是补间动画使用起来比较方便,功能也比逐帧动画强大不少,而且还可以很方便地进行动画叠加,实现更加复杂的效果。

我是天王盖地虎的分割线                                                                 

源代码:

 

 

 

 

补间动画.zip

转载请注明出处:

你可能感兴趣的文章
360首席安全官谭晓生宣布离职
查看>>
在敏捷中应用测试驱动开发
查看>>
到底谁应该对软件开发的质量负责?
查看>>
微软Windows Core OS被曝应用了开源组件
查看>>
用Elm语言降低失败的风险
查看>>
资深专家都知道的Docker常用命令
查看>>
谈谈UCloud的秒级在线快照服务
查看>>
Spring Web Services 3.0.4.RELEASE和2.4.3.RELEASE发布
查看>>
EGO走进美团——追寻千亿市场背后的技术力量
查看>>
腾讯正式宣布成立技术委员会,要对组织架构下狠手
查看>>
3·15曝光丨智能机器人一年拨打40亿个骚扰电话,6亿人信息已遭泄露!
查看>>
腾讯携手中科院国家天文台落地FAST 用云计算探索星辰大海
查看>>
随机森林算法4种实现方法对比测试:DolphinDB速度最快,XGBoost表现最差
查看>>
详解前端异步编程的六种方案
查看>>
红帽论坛北京站召开 设立亚太开放创新实验室
查看>>
苏宁11.11:如何基于异步化打造会员任务平台?
查看>>
区块链和数据科学:如果同时应用这两种技术,将会实现什么?
查看>>
Oracle即将发布的全新Java垃圾收集器 ZGC
查看>>
深入浅出Tensorflow(三):训练神经网络模型的常用方法
查看>>
Blazor将.NET带回到浏览器
查看>>