Android自定义控件开发入门与实战（2）

第二章、视图动画

就是View动画。
包括Tween Animation（补间动画）和Frame Animation（逐帧动画）
由5种类型组成：

alpha
scale
translate
rotate
set

动画文件存放在 res/anim或者res/drawable下，访问时可以用R.anim.xxx或R.drawable.xxxx
使用：

tv = findViewById(R.id.textview);
Animation animation = AnimationUtils.loadAnimation(MainActivity.this,R.anim.xxx);
tv.startAnimation(animation);

先用AnimationUtils进行加载动画，在通过View的startAnimation开始动画。

scale标签
参数 pivotX表示缩放起始点X轴坐标，可以是数值、百分数、百分数p三种。比如 50、 50% 、50%p

如果是数值则表示当前视图的左上角，即原点处加上50px
如果是百分数则是当前空间左上角加上自己宽度的50% 作为x轴坐标
如果是50%p 则表示在当前控件的左上角加上父控件宽度的50%作为缩放起始点的x轴坐标。

这些参数只是影响动画的起始位置，但是并不影响动画的结束位置。

Animation继承属性
所有的动画都继承自Animation类，也就是说，Animation类似所有动画（scale。。。）的基类，而Animation是没有自己对应的标签的，但是在它的内部仍然实现了一些公用的动画属性，所有派生自Animation类的动画也具有这些属性，比如scale中的：

android:duration :动画完成一次的时间
android:fillAfter:如果设置为true，则空间动画结束时，将保持动画结束时的状态
android:fillBefore：与上面相反咯
android:fillEnabled:同上
android:repeatCount:重复次数，取infinite时表示无限循环
android:repeatMode:取restart表示重放，必须与repeatCount属性一起用才能有效果，取reverse表示倒叙回放
android:interpolator：插值器

代码中使用动画
如果动画复用较少，可以直接在代码中使用动画，比如：

ScaleAnimation scaleAnim = new ScaleAnimation(0.0f,1.4f,0.0f,1.4f,Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF,0.5f);
scaleAnim.setDuration(700);
view.setAnimation(scaleAnimation);

前面的4个参数就是x、y轴从起始到结束的比例，Animation.RELATIVE_TO_SELF就是相当于50%，ABSOLUTE相当于50，而RELATIVE_TO_PARENT则是50%p。

插值器
关于动画的变化速率都是由插值器 Interpolator类来决定的。Interpolator是一个接口，通过实现这个接口可以自定义动画的变化速率。而系统帮我们实现好了几个插值器。如下图：

在这里插入图片描述
既可以在xml文件中使用，也可以在代码中通过setInterpolator()来使用。

首先看下AcclerateDecelerateInterpolator 它的效果是先加速再减速，从加速度的角度来说，是先增大后减小。
我们来定义一个动画
在xml中：

<translate xmlns:android="http://schemas.android.com/apk/res/android"
    android:fromXDelta="150"
    android:toXDelta="150"
    android:fromYDelta="0"
    android:toYDelta="1300"
    android:fillAfter="true"
    android:duration="2000">
</translate>

在Activity中：

 btn.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Animation translateAnim = AnimationUtils.loadAnimation(MainActivity.this,R.anim.translationanim1);
                translateAnim.setInterpolator(new AccelerateDecelerateInterpolator());
                btn.startAnimation(translateAnim);
            }
        });

效果如下：
在这里插入图片描述
可以看出来有一种急停的感觉。
对于旋转来说，给动画加这个插值器，就是一开始转的快，后期变慢，鉴于会看晕，我就不放了。

AccelerateIntepolator
就是加速度越来越快，加速度曲线有种指数函数那种感觉

LinearInterpolator
线性插值器，速率是恒定的，加速度为0这样子，动画的默认插值器都是这个线性插值器。

Decelerateinterpolator
减速插值器，动画一开始的速率和加速度为最大值，加速度在无限趋近于0，加速度曲线类似于对数函数这样子的。

BounceInterpolator
弹跳插值器，模拟了空间自由落地之后的回弹效果。改一下btn的Interpolator：

 btn.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Animation translateAnim = AnimationUtils.loadAnimation(MainActivity.this,R.anim.translationanim1);
                translateAnim.setInterpolator(new BounceInterpolator());
                btn.startAnimation(translateAnim);
            }
        });

效果如下：
在这里插入图片描述
回弹就是在动画进行的过程中发生了动画回退，这就是最关键的地方。

AnticipateInterpolator
是初始偏移插值器，表示在动画开始的时候向前偏移一段距离，然后应用动画。在这里插入图片描述
对于旋转动画就是先往相反的方向旋转一定角度，然后快速往目标方向转动过去。
可以再其构造函数AnticipateInterpolator(float tension)中初始化偏移量，tension值越大，初始偏移量越多，后续变化的加速度越快。

OvershootInterpolator
结束偏移插值器。如图：
在这里插入图片描述
跟Anticipate一样，可以再构造函数中定义结束偏移量。

AnicipateOvershootInterpolator
字面意思就是上面两个动画的结合，所以可以在构造函数中添加偏移量…

CycleInterpolator
这是个循环插值器，表示动画循环播放特定的次数，速率沿正弦曲线改变。
构造时要填入循环次数，比如我们给动画添加

//循环两次
 translateAnim.setInterpolator(new CycleInterpolator(2));

效果如下：
在这里插入图片描述
跟悠悠球一样- - 。

Android自定义控件开发入门与实战（2）

第二章、视图动画

猜你喜欢