day17 动画+自定义View

Android的三种动画

View Animation(视图动画)

概念

视图动画的作用对象是View,支持四种动画效果,分别是平移动画,缩放动画,旋转动画,透明度动画。譬如,我们可以对TextView设置其文本的移动,旋转,缩放,透明。视图动画可以通过XML或通过代码动态创建,对于视图动画建议使用XML文件定义,因为它具有更高的可读性,可重用性。view动画的四种变换我们通过效果图已基本了解,下面我们通过表格系统的了解一下

在这里插入图片描述

TODO1:要使用View动画,首先要创建XML文件,我们需要在res下新建anim文件夹,接着在anim下创建animation resource file的xml文件,我们举例为view_anim.xml
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    >
    
    <!--透明动画-->
    <alpha
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:fromAlpha="1.0"
    android:toAlpha="0.0"
    android:duration="5000"
        android:repeatCount="-1"
        />
        
    <!--平移动画-->
    <translate
        xmlns:android="http://schemas.android.com/apk/res/android"
    android:fromXDelta="0"
    android:toXDelta="300"
    android:fromYDelta="0"
    android:toYDelta="200"
    android:duration="5000"
        android:repeatCount="-1"
        />
        
    <!--缩放动画-->
<scale
    android:fromXScale="1.0"
    android:toXScale="0.2"
    android:fromYScale="1.0"
    android:toYScale="0.2"
    android:pivotX="100%"
    android:pivotY="50%"
    android:repeatCount="-1"
    android:duration="4000"
    xmlns:android="http://schemas.android.com/apk/res/android" />
    
<!--旋转动画标签-->
<rotate android:fromDegrees="0"
    android:toDegrees="360"
    android:pivotX="50%"
    android:pivotY="50%"
    android:duration="4000"
    android:repeatCount="-1"
    xmlns:android="http://schemas.android.com/apk/res/android" />
</set>
TODO2:从上面的代码我们知道,View动画既可以是单个动画,也可以有一系列动画组成。这是因为View动画的四种种类分别对应着Animation的四个子类(TranslateAnimation,ScaleAnimation,RotateAnimation,AlphaAnimation),除了以上四个子类它还有一个AnimationSet类,对应xml标签为,它是一个容器,可以包含若干个动画,并且内部也可以继续嵌套集合的。我们在activity对TextView设置动画:
public class MainActivity extends AppCompatActivity {
ImageView img;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        img=findViewById(R.id.img);
        ((AnimationDrawable)img.getBackground()).start();
        final Animation animation= AnimationUtils.loadAnimation(this,R.anim.anim1);
            animation.setRepeatMode(2);

        img.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                img.startAnimation(animation);
            }
        });
        animation.setAnimationListener(new Animation.AnimationListener() {
            @Override
            public void onAnimationStart(Animation animation) {
                Log.e("###########","start");
            }

            @Override
            public void onAnimationEnd(Animation animation) {
                Log.e("###########","end");

            }

            @Override
            public void onAnimationRepeat(Animation animation) {
                Log.e("###########","repeat");

            }
        });
    }
}

Drawable Animation(帧动画)

帧动画概念

帧动画是顺序播放一组预先定义好的图片,不同于View动画,系统提供了另外一个类AnimationDrawable来使用帧动画。

帧动画的使用

首先我们找一组帧动画的图片放入drawable-xhdpi文件夹下,其次在drawable文件夹下创建xml文件,如下所示:

<animation-list xmlns:android="http://schemas.android.com/apk/res/android">
   <item android:drawable="@drawable/p1" android:duration="500"></item>
   <item android:drawable="@drawable/p2" android:duration="500"></item>
   <item android:drawable="@drawable/p3" android:duration="500"></item>
   <item android:drawable="@drawable/p4" android:duration="500"></item>
   <item android:drawable="@drawable/p5" android:duration="500"></item>
   <item android:drawable="@drawable/p6" android:duration="500"></item>
ation-list>

必须是根节点,包含一个或者多个元素,属性有:android:oneshot true代表只执行一次,false循环执行。 类似一帧的动画资源。 animation-list的子项,包含属性如下:android:drawable 一个frame的Drawable资源。android:duration 一个frame显示多长时间。帧动画如果帧数过多容易引起OOM

Property Animation(属性动画)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值