动画

最新推荐文章于 2023-06-25 20:51:27 发布

xukunn

最新推荐文章于 2023-06-25 20:51:27 发布

阅读量311

点赞数

分类专栏： android 文章标签：动画

本文链接：https://blog.csdn.net/xukunn/article/details/49047497

版权

android 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

1. 帧动画

一张张图片不断的切换，形成动画效果

在drawable目录下定义xml文件，子节点为animation-list，在这里定义要显示的图片和每张图片的显示时长

 <animation-list xmlns:android="http://schemas.android.com/apk/res/android" android:oneshot="false">
     <item android:drawable="@drawable/g1" android:duration="200" />
     <item android:drawable="@drawable/g2" android:duration="200" />
     <item android:drawable="@drawable/g3" android:duration="200" />
 </animation-list>

在屏幕上播放帧动画

 ImageView iv = (ImageView) findViewById(R.id.iv);
 //把动画文件设置为imageView的背景
        iv.setBackgroundResource(R.drawable.animations);
        AnimationDrawable ad = (AnimationDrawable) iv.getBackground();
 //播放动画        
 ad.start();

2. tween动画

原形态变成新形态时为了过渡变形过程，生成的动画就叫补间动画
位移、旋转、缩放、透明

位移：

参数10指的是X的起点坐标，但不是指屏幕x坐标为10的位置，而是imageview的真实X + 10
参数150指的是X的终点坐标，它的值是imageview的真实X + 150

//创建为位移动画对象，设置动画的初始位置和结束位置
TranslateAnimation ta = new TranslateAnimation(10, 150, 20, 140);
x坐标的起点位置，如果相对于自己，传0.5f，那么起点坐标就是真实X + 0.5 * iv宽度
x坐标的终点位置，如果传入2，那么终点坐标就是真实X + 2 * iv的宽度
y坐标的起点位置，如果传入0.5f，那么起点坐标就是真实Y + 0.5 * iv高度
y坐标的终点位置，如果传入2，那么终点坐标就是真实Y + 2 * iv高度

 TranslateAnimation ta = new TranslateAnimation(Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 2, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 2);

动画播放相关的设置

 //设置动画持续时间
     ta.setDuration(2000);
 //动画重复播放的次数
     ta.setRepeatCount(1);
 //动画重复播放的模式
     ta.setRepeatMode(Animation.REVERSE);
 //动画播放完毕后，组件停留在动画结束的位置上
     ta.setFillAfter(true);
 //播放动画
     iv.startAnimation(ta);

缩放：

参数0.1f表示动画的起始宽度是真实宽度的0.1倍
参数4表示动画的结束宽度是真实宽度的4倍
缩放的中心点在iv左上角

 ScaleAnimation sa = new ScaleAnimation(0.1f, 4, 0.1f, 4);

参数0.1f和4意义与上面相同
改变缩放的中心点：传入的两个0.5f，类型都是相对于自己，这两个参数改变了缩放的中心点
中心点x坐标 = 真实X + 0.5 * iv宽度
中心点Y坐标 = 真实Y + 0.5 * iv高度

 ScaleAnimation sa = new ScaleAnimation(0.1f, 4, 0.1f, 4, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);

透明：

0为完全透明，1为完全不透明

 AlphaAnimation aa = new AlphaAnimation(0, 0.5f);

旋转：

20表示动画开始时的iv的角度
360表示动画结束时iv的角度
默认旋转的圆心在iv左上角

 RotateAnimation ra = new RotateAnimation(20, 360);

20,360的意义和上面一样
指定圆心坐标，相对于自己，值传入0.5，那么圆心的x坐标：真实X + iv宽度 * 0.5
圆心的Y坐标：真实Y + iv高度 * 0.5

 RotateAnimation ra = new RotateAnimation(20, 360, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);

所有动画一起飞

 //创建动画集合
 AnimationSet set = new AnimationSet(false);
 //往集合中添加动画
 set.addAnimation(aa);
 set.addAnimation(sa);
 set.addAnimation(ra);
 iv.startAnimation(set);

3. 属性动画

补间动画，只是一个动画效果，组件其实还在原来的位置上，xy没有改变

位移：

第一个参数target指定要显示动画的组件
第二个参数propertyName指定要改变组件的哪个属性
第三个参数values是可变参数，就是赋予属性的新的值
传入0，代表x起始坐标：当前x + 0
传入100，代表x终点坐标：当前x + 100

 //具有get、set方法的成员变量就称为属性
 ObjectAnimator oa = ObjectAnimator.ofFloat(bt, "translationX", 0, 100) ;

缩放：

第三个参数指定缩放的比例
0.1是从原本高度的十分之一开始
2是到原本高度的2倍结束

 ObjectAnimator oa = ObjectAnimator.ofFloat(bt, "scaleY", 0.1f, 2);

透明：

透明度，0是完全透明，1是完全不透明

 ObjectAnimator oa = ObjectAnimator.ofFloat(bt, "alpha", 0.1f, 1);

旋转

rotation指定是顺时针旋转
20是起始角度
270是结束角度

 ObjectAnimator oa = ObjectAnimator.ofFloat(bt, "rotation", 20, 270);

属性指定为rotationX是竖直翻转
属性指定为rotationY是水平翻转

 ObjectAnimator oa = ObjectAnimator.ofFloat(bt, "rotationY", 20, 180);

可变参数

第三个参数可变参数可以传入多个参数，可以实现往回位移（旋转、缩放、透明）

 ObjectAnimator oa = ObjectAnimator.ofFloat(bt, "translationX", 0, 70, 30, 100) ;

所有动画一起飞

 //创建动画师集合
 AnimatorSet set = new AnimatorSet();
 //设置要播放动画的组件
 set.setTarget(bt);
 //所有动画有先后顺序的播放
 //set.playSequentially(oa, oa2, oa3, oa4);
 //所有动画一起播放
 set.playTogether(oa, oa2, oa3, oa4);
 set.start();

xml方式的动画

补间动画: tween动画是放置到res/anim/下面

透明度alpha

<?xml version="1.0" encoding="utf-8"?>
<alpha xmlns:android="http://schemas.android.com/apk/res/android"
    android:fromAlpha="0.0" 开始透明度的值，完全不透明
    android:toAlpha="1.0"   结束透明度的值，完全透明
    android:duration="2000"
    android:repeatCount="0" 动画效果重复几次
    android:repeatMode="restart" 动画效果重复的模式 参数有重新开始和倒着执行的模式
    android:interpolator="@android:anim/decelerate_interpolator"减速加速器
    >
</alpha>

旋转rotate

<?xml version="1.0" encoding="utf-8"?>
<rotate xmlns:android="http://schemas.android.com/apk/res/android"
    android:fromDegrees="0" 旋转开始的角度
    android:toDegrees="90"  旋转结束的角度
    android:pivotX="50%p"   代表当前的中间位置 加上p的意思是当前父布局管理器中间位置
    android:pivotY="50%p"    代表当前的中间位置
    android:duration="2000"
    >
</rotate>

缩放scale

<?xml version="1.0" encoding="utf-8"?>
<scale xmlns:android="http://schemas.android.com/apk/res/android" 
    android:duration="2000"
    android:pivotx="0.0"
    android:pivoty="50.0" Y轴中间
    android:fromXScale="0.0" 开始x轴比例
    android:toXScale="2.0"    结束x轴比例
    android:fromYScale="0.0" 开始x轴比例
    android:toYScale="2.0"
    android:repeatMode="reverse" 重复相反的模式
    android:repeatCount="1"
    >

</scale>

位移translate

<?xml version="1.0" encoding="utf-8"?>
<translate xmlns:android="http://schemas.android.com/apk/res/android" 
    android:duration="2000"
    android:fromXDelta="0"  开始像素
    android:toXDelta="100"  水平平移结束像素
    android:fromYDelta="0"
    android:toYDelta="100"
    android:startOffset="1000" 动画开始时间 1秒之后开始播放动画
    >

</translate>