动画Animation

　　动画分类：Animation 单一动画

　　　　　　　AnimationSet 复合动画

AnimationSet是Animation的实现子类，Animation是一个抽象类，他的实现子类主要有如下几种：

主要有缩放 ScaleAnimation ，平移TranslateAnimation，透明（不清楚）AlphaAnimation，旋转 RotateAnimation。

Animation作为父类的公用方法：

　　　　　　　　　　　　SetDuration(..);设置的是动画持续的时间，单位是毫秒：1000=1秒

　　　　　　　　　　　　SetFillAfter(..);设置动画结束后是否保持状态，false则返回最初状态；

　　　　　　　　　　　　SetFillBefore(..);

　　　　　　　　　　　　SetFillEnable(..); //这两个搞不懂

　　　　　　　　　　　　SetStartOffSet(..);这是动画开始延时时间；

还有几个通用属性:

　　　　　　　　 pivotXType: 指定x轴中心的类型有三种参数：Animation.ABSOLUTE, Animation.RELATIVE_TO_SELF,Animation.RELATIVE_TO_PARENT

　　　　　　　　 pivotYtype:指定Y轴中心的类型同x轴

　　动画移动选择或者缩放都有一个中心点，这个中心点默认原点是视图左上角的点

pivotXTyp的作用就是指定中心点。如果设置成绝对路径Animation.ABSOLUTE，那么就需要计算距离这个原点的距离，把x轴中心设置到x的中间，那么就是view.getWidth()/2

　　如果设置成相对自身Animation.RELATIVE_TO_SELF，设置成0.5f就可以了，这个要注意理解。

最后一个是相对父视图的绝对距离这个计算相对麻烦。

以下是主程序：

package com.skymaster.hs.myapplication;

import android.os.Bundle;

import android.support.v7.app.AppCompatActivity;

import android.view.View;

import android.view.animation.Animation;

import android.view.animation.RotateAnimation;

import android.view.animation.ScaleAnimation;

import android.view.animation.TranslateAnimation;

import android.widget.Button;

import android.widget.ImageView;

import android.widget.Toast;

public class AnimationTest extends AppCompatActivity {

    private ImageView iv_animation;

    private Button btn_start1,btn_start2,btn_start3;

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_animation_test);

        iv_animation = (ImageView) findViewById(R.id.iv_animation);

        btn_start1 = (Button) findViewById(R.id.btn_start1);

        btn_start2 = (Button) findViewById(R.id.btn_start2);

        btn_start3 = (Button) findViewById(R.id.btn_start3);

        btn_start1.setOnClickListener(new KeyPress());

        btn_start2.setOnClickListener(new KeyPress());

        btn_start3.setOnClickListener(new KeyPress());

        iv_animation.setOnClickListener(new View.OnClickListener() {

            //这里设置ImageView点击监听是为了测试当动画移走之后，点击ImageView

            //原来的位置是否有效果，实测是有的，也就是说即使ImageView移走了但是它的

            //按键有效位置还是xml布局的那个位置。

            @Override

            public void onClick(View v) {

                Toast.makeText(AnimationTest.this,"ImageClick",Toast.LENGTH_SHORT)

                        .show();

            }

        });

    }

    private class KeyPress implements View.OnClickListener{

        @Override

        public void onClick(View v) {

            switch (v.getId()){

                case R.id.btn_start1:

                    //设定x轴坐标中心点(0,2f),2f是移动自身宽度的两倍

                    //设定y轴坐标中心点(0,1.5f),同理x轴

                    TranslateAnimation animation = new TranslateAnimation(Animation.ABSOLUTE,0,Animation.RELATIVE_TO_SELF,2.0f

                            ,Animation.ABSOLUTE,0,Animation.RELATIVE_TO_SELF,1.5f);

                    animation.setDuration(2000);//持续时间

                    animation.setStartOffset(1000);

                    animation.setFillAfter(true);//动画完成保持不会原位

                    //设定动画监听

                    animation.setAnimationListener(new Animation.AnimationListener() {

                        @Override

                        public void onAnimationStart(Animation animation) {

                            Toast.makeText(AnimationTest.this,"start!",Toast.LENGTH_SHORT)

                                    .show();

                        }

                        @Override

                        public void onAnimationEnd(Animation animation) {

                            Toast.makeText(AnimationTest.this,"End!",Toast.LENGTH_SHORT)

                                    .show();

                        }

                        @Override

                        public void onAnimationRepeat(Animation animation) {

                            Toast.makeText(AnimationTest.this,"Repeat!",Toast.LENGTH_SHORT)

                                    .show();

                        }

                    });

                    iv_animation.startAnimation(animation);

                    break;

                case R.id.btn_start2:

                    //设定缩放中心点与缩放比例x轴是0.2f放大到2f,这里都是相对距离

                    //y轴缩放比例同理，从0.2到3f是放大如果反过来就是缩小

                    //后面4个参数是设置缩放中心点,用的是绝对距离

                    ScaleAnimation scaleAnimation = new ScaleAnimation(0.2f,2f,0.2f,3f,Animation.ABSOLUTE

                            ,iv_animation.getWidth()/2,Animation.ABSOLUTE,0);

                    scaleAnimation.setDuration(2000);

                    scaleAnimation.setFillAfter(false);

                    iv_animation.startAnimation(scaleAnimation);

                    break;

                case R.id.btn_start3:

                    //旋转动画

                    RotateAnimation rotateAnimation = new RotateAnimation(0f,180f,Animation.RELATIVE_TO_SELF,0.5f,

                            Animation.RELATIVE_TO_SELF,0.5f);

                    //rotateAnimation.setFillAfter(true);

                    rotateAnimation.setFillEnabled(true);

                    rotateAnimation.setFillBefore(true);

                    rotateAnimation.setAnimationListener(new Animation.AnimationListener() {

                        @Override

                        public void onAnimationStart(Animation animation) {

                            Toast.makeText(AnimationTest.this, "rotateStart!", Toast.LENGTH_SHORT)

                                    .show();

                        }

                        @Override

                        public void onAnimationEnd(Animation animation) {

                            Toast.makeText(AnimationTest.this, "rotateEnd!", Toast.LENGTH_SHORT)

                                    .show();

                            //iv_animation.startAnimation(animation);

                        }

                        @Override

                        public void onAnimationRepeat(Animation animation) {

                            Toast.makeText(AnimationTest.this, "rotateRepeat!", Toast.LENGTH_SHORT)

                                    .show();

                        }

                    });

                    rotateAnimation.setDuration(2000);

                    rotateAnimation.setStartOffset(1000);

                    iv_animation.startAnimation(rotateAnimation);

                    break;

                default:break;

            }

        }

    }

}

xml文件：

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

    xmlns:tools="http://schemas.android.com/tools"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:paddingBottom="@dimen/activity_vertical_margin"

    android:paddingLeft="@dimen/activity_horizontal_margin"

    android:paddingRight="@dimen/activity_horizontal_margin"

    android:paddingTop="@dimen/activity_vertical_margin"

    tools:context="com.skymaster.hs.myapplication.AnimationTest">

    <ImageView

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_centerHorizontal="true"

        android:layout_marginTop="100dp"

        android:background="@drawable/ic_launcher"

        android:id="@+id/iv_animation"/>

    <Button

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="start1"

        android:layout_alignParentBottom="true"

        android:id="@+id/btn_start1"/>

    <Button

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="start2"

        android:layout_alignParentBottom="true"

        android:layout_toRightOf="@id/btn_start1"

        android:id="@+id/btn_start2"/>

    <Button

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="start3"

        android:layout_toRightOf="@id/btn_start2"

        android:layout_alignParentBottom="true"

        android:id="@+id/btn_start3"/>

</RelativeLayout>

AnimationSet可以配置多个动画

除了Animation之外还有xml利用多幅图片来实现动画。

利用Animation实现动画，属性并并没有随着动画移动。上面例子中ImageView的点击事件还是在最初的位置，要实现属性动画就要利用ObjectAnimation类

巴特西

动画Animation

最新文章

热门文章