Android 动画的透明度渐变、旋转动画、缩放动画、评议动画

cg4f 4年前

这是我在学习android的时候做的一个小小的东西可以实现图片的旋转、平移、缩放、透明度的渐变

首先我们要创建一个android的项目 

在自己的drawable-mdpi中添加自己的图片

然后在res目录中,创建一个名称是anim(动画)的目录,并且在该目录中实现图片的操作

首先是anim_alpha.xml定义一个实现透明渐变的动画该动画实现的是完全不透明——>完全透明————>完全不透明


<pre name="code" class="html"><?xml version="1.0" encoding="utf-8"?>  <set xmlns:android="http://schemas.android.com/apk/res/android">   <alpha android:fromAlpha="1"       android:toAlpha="0"       android:fillAfter="true"       android:repeatMode="reverse"       android:repeatCount="1"       android:duration="2000"/>  </set>

 

然后是创建anim_rotate.xml的文件,在该文件中定义一个实现旋转的动画,实现从零到720再从360到零的旋转


<?xml version="1.0" encoding="utf-8"?>  <set xmlns:android="http://schemas.android.com/apk/res/android">   <rotate        android:interpolator="@android:anim/accelerate_interpolator"       android:fromDegrees="0"       android:toDegrees="720"       android:pivotX="50%"       android:pivotY="50%"       android:duration="2000">   </rotate>   <rotate        android:interpolator="@android:anim/accelerate_interpolator"       android:startOffset="2000"       android:fromDegrees="360"       android:toDegrees="0"       android:pivotX="50%"       android:pivotY="50%"       android:duration="2000">   </rotate>   </set>

创建名称是anim_scale.xml的文件定义一个实现缩放的动画,该动画首先将原来的图像放大两倍再将其缩小到原来的尺寸;



<?xml version="1.0" encoding="utf-8"?>  <set  xmlns:android="http://schemas.android.com/apk/res/android">   <scale android:fromXScale="1"       android:interpolator="@android:anim/decelerate_interpolator"       android:fromYScale="1"       android:toXScale="2.0"       android:toYScale="2.0"       android:pivotX="50%"       android:pivotY="50%"       android:fillAfter="true"       android:repeatCount="1"       android:repeatMode="reverse"       android:duration="2000"/>  </set>

创建名称是anim_translate.xml的文件实现图片的平移从左侧移动到右侧然后从右侧移动到左侧



<?xml version="1.0" encoding="utf-8"?>  <set xmlns:android="http://schemas.android.com/apk/res/android">  <translate       android:fromXDelta="0"      android:toXDelta="860"      android:fromYDelta="0"      android:toYDelta="0"      android:fillAfter="true"      android:repeatMode="reverse"      android:repeatCount="1"      android:duration="2000">  </translate>   </set>

这样   我们接下来就写main.XML:



<?xml version="1.0" encoding="utf-8"?>  <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"      android:id="@+id/linearLayout1"           android:layout_width="fill_parent"      android:layout_height="fill_parent"      android:orientation="vertical" >        <LinearLayout          android:id="@+id/linearLayout2"          android:orientation="horizontal"          android:layout_width="match_parent"          android:layout_height="wrap_content" >      <Button          android:id="@+id/button1"          android:layout_width="wrap_content"          android:layout_height="wrap_content"          android:text="旋转" />      <Button          android:id="@+id/button2"          android:layout_width="wrap_content"          android:layout_height="wrap_content"          android:text="平移" />        <Button          android:id="@+id/button3"          android:layout_width="wrap_content"          android:layout_height="wrap_content"          android:text="缩放" />        <Button          android:id="@+id/button4"          android:layout_width="wrap_content"          android:layout_height="wrap_content"          android:text="透明度渐变" />              </LinearLayout>         <ImageView          android:id="@+id/imageView1"          android:layout_width="wrap_content"          android:layout_height="wrap_content"          android:layout_marginLeft="50px"          android:src="@drawable/cat" />  </LinearLayout>

然后就是修改MainActivity.java



package com.mingrisoft;    import android.app.Activity;  import android.os.Bundle;  import android.view.View;  import android.view.View.OnClickListener;  import android.view.animation.Animation;  import android.view.animation.AnimationUtils;  import android.widget.Button;  import android.widget.ImageView;    public class MainActivity extends Activity {   @Override   public void onCreate(Bundle savedInstanceState) {    super.onCreate(savedInstanceState);    setContentView(R.layout.main);        final Animation rotate=AnimationUtils.loadAnimation(this, R.anim.anim_rotate); //获取“旋转”动画资源    final Animation translate=AnimationUtils.loadAnimation(this, R.anim.anim_translate); //获取“平移”动画资源    final Animation scale=AnimationUtils.loadAnimation(this, R.anim.anim_scale); //获取“缩放”动画资源    final Animation alpha=AnimationUtils.loadAnimation(this, R.anim.anim_alpha); //获取“透明度变化”动画资源    final ImageView iv=(ImageView)findViewById(R.id.imageView1); //获取要应用动画效果的ImageView    Button button1=(Button)findViewById(R.id.button1); //获取“旋转”按钮    button1.setOnClickListener(new OnClickListener() {               public void onClick(View v) {      iv.startAnimation(rotate);  //播放“旋转”动画           }    });     Button button2=(Button)findViewById(R.id.button2); //获取“平移”按钮    button2.setOnClickListener(new OnClickListener() {               public void onClick(View v) {      iv.startAnimation(translate); //播放“平移”动画           }    });    Button button3=(Button)findViewById(R.id.button3); //获取“缩放”按钮    button3.setOnClickListener(new OnClickListener() {               public void onClick(View v) {      iv.startAnimation(scale); //播放“缩放”动画           }    });      Button button4=(Button)findViewById(R.id.button4); //获取“透明度渐变”按钮    button4.setOnClickListener(new OnClickListener() {               public void onClick(View v) {      iv.startAnimation(alpha); //播放“透明度渐变”动画           }    });      }  }

这样我们的小小的动画制作就完成了