Android动画初步学习

动画是存在resource资源中的anim文件夹

1.首先在anim文件夹创建一个anim.xml文件(由虚变实)

<?xml version="1.0" encoding="utf-8"?>
<set
    xmlns:android="http://schemas.android.com/apk/res/android">
    <alpha
        android:fromAlpha="0.1"                 //由最淡的状态        
        android:toAlpha="1.0"                     //变化到实实在在的状态
        android:duration="2000"/>
</set>

2.在anim文件夹创建一个changeanim.xml文件(缩放)

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <scale
        android:fromXScale="0.0"
        android:toXScale="1.5"                  //从x方向由小变大
        android:fromYScale="0.0"
        android:toYScale="1.5"                //从y方向由小变大
        android:pivotX="50%"                 //从x方向中心位置开始
        android:pivotY="50%"                //从y方向中心位置开始
        android:duration="1000"/>

</set>


3.在anim文件夹创建一个moveanim.xml文件(移动)

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate
        android:fromXDelta="30"                   //在x方向开始位置
        android:toXDelta="-100"                   //在x方向最终位置
        android:fromYDelta="30"                 //在y方向开始位置
        android:toYDelta="200"                   //在y方向终到位置
        android:duration="3000"/>             //变化的总时间

</set>


4.在anim文件夹创建一个rotateanim.xml文件(旋转)

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <rotate
        android:interpolator="@android:anim/accelerate_decelerate_interpolator"
        android:fromDegrees="0"                         //旋转起始角度
        android:toDegrees="+500"                      //旋转总共角度
        android:pivotX="50%"                               //以x方向图形的中心开始
        android:pivotY="50%"                              //以y方向图形的中心开始
        android:duration="3000"/>                    //持续时间
</set>


5.在anim文件夹创建一个comefromanim.xml文件(综合)

<?xml version="1.0" encoding="utf-8"?>
<set
    xmlns:android="http://schemas.android.com/apk/res/android">
    <alpha                       //由虚变实
        android:fromAlpha="0.0"
        android:toAlpha="1"
        android:duration="5000"/>

    <translate                       //由近及远
        android:fromXDelta="10"
        android:toXDelta="-100"
        android:fromYDelta="20"
        android:toYDelta="+100"
        android:duration="3000"/>
    <scale                        //由大到小
        android:fromXScale="0.0"
        android:toXScale="1.5"
        android:fromYScale="0.0"
        android:toYScale="1.2"
        android:duration="5000"/>
</set>


6.在layout文件夹创建一个animtest.xml文件


<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"
    tools:context=".MainActivity" >

    <ImageView
        android:id="@+id/image1"
        android:layout_width="wrap_content"
        android:layout_height="100dp"
        android:src="@drawable/grossini_dance_03"/>
    
    <ImageView
        android:id="@+id/image2"
        android:layout_width="wrap_content"
        android:layout_height="100dp"
        android:layout_toRightOf="@id/image1"
        android:src="@drawable/grossini_dance_08"/>
    <ImageView
        android:id="@+id/image3"
        android:layout_width="wrap_content"
        android:layout_height="100dp"
        android:layout_toRightOf="@id/image2"
        android:src="@drawable/grossini_dance_01"/>
    <ImageView
        android:id="@+id/image4"
        android:layout_width="wrap_content"
        android:layout_height="100dp"
        android:layout_toRightOf="@id/image3"
        android:src="@drawable/grossini_dance_05"/>
    <ImageView
        android:id="@+id/image5"
        android:layout_width="wrap_content"
        android:layout_height="100dp"
        android:layout_toRightOf="@id/image4"
        android:src="@drawable/grossini_dance_09"/>
    <Button
        android:id="@+id/btn1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@id/image1"
        android:text="1动画消失显示"/>
    <Button
        android:id="@+id/btn2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@id/btn1"
        android:text="2动画缩放显示"/>
    <Button
        android:id="@+id/btn3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@id/btn2"
        android:text="3动画移动显示"/>
    <Button
        android:id="@+id/btn4"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@id/btn3"
        android:text="4动画转移旋转显示"/>
    <Button
        android:id="@+id/btn5"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@id/btn4"
        android:text="5动画显示"/>
</RelativeLayout>


7.创建一个class文件

import android.os.Bundle;
import android.app.Activity;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.animation.Animation;
import android.view.animation.AnimationUtils;
import android.widget.ImageView;

public class MainActivity extends Activity{

    private ImageView img1;
    private ImageView img2;
    private ImageView img3;
    private ImageView img4;
    private ImageView img5;
    
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.myanimtest);
        img1= (ImageView)findViewById(R.id.image1);
        findViewById(R.id.btn1).setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View arg0) {
                Animation animation = AnimationUtils.loadAnimation(MainActivity.this, R.anim.anim);
                img1.setAnimation(animation);
            }
        });
        img2=(ImageView)findViewById(R.id.image2);
        findViewById(R.id.btn2).setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View arg0) {
                Animation animation = AnimationUtils.loadAnimation(MainActivity.this, R.anim.changeanim);
                img2.setAnimation(animation);
            }
        });
        img3=(ImageView)findViewById(R.id.image3);
        findViewById(R.id.btn3).setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View arg0) {
                Animation animation = AnimationUtils.loadAnimation(MainActivity.this,R.anim.moveanim);
                img3.setAnimation(animation);
            }
        });
        img4=(ImageView)findViewById(R.id.image4);
        findViewById(R.id.btn4).setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View arg0) {
                Animation animation= AnimationUtils.loadAnimation(MainActivity.this, R.anim.rotateanim);
                img4.setAnimation(animation);
            }
        });
        img5=(ImageView)findViewById(R.id.image5);
        findViewById(R.id.btn5).setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View arg0) {
                Animation animation= AnimationUtils.loadAnimation(MainActivity.this, R.anim.comefromanim);
                img5.setAnimation(animation);
            }
        });
    }
}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值