Android开发：Animation的巧妙使用


为了给UI做出一些比较炫的效果，往往要使用多种Animation结合使用或者是多个控件同时使用一种Animation。而后者需要按照一定规律来使用，下面是具体实例：

Android开发：Animation的巧妙使用

现在要做的其实和这个  差不多，不同的现在要做一个动画效果就是当点击Start按钮时，左边四个按钮会依次以减速运动出现，该效果会给人一种不一样的感觉，能增加用户的体验。

和这个（Android 自定义Button 及Animation的基本使用 ）不同的就是重新定义了几个anim文件夹下的xml文件：

其中一个内容如下：

  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <set xmlns:Android="http://schemas.android.com/apk/res/android" >  
  3.   
  4.     <translate  
  5.         android:startOffset="1500"  
  6.         android:duration="5000"  
  7.         android:fromXDelta="-100%"  
  8.         android:fromYDelta="0%"  
  9.         android:interpolator="@android:anim/decelerate_interpolator"  
  10.         android:toXDelta="0%"  
  11.         android:toYDelta="0%" />  
  12.   
  13. </set>  

其余的就是在startOffset上面的更改，意思是当启动这个Animation时延迟多少毫秒，每个定义的Animation都比上一个晚一点，而每个Button依次绑定各个xml文件所以就有了依次出现的效果

这是Activity代码：

  1. package sina.CreAmazing.muti_button;  
  2.   
  3. import android.app.Activity;  
  4. import android.os.Bundle;  
  5. import android.view.View;  
  6. import android.view.View.OnClickListener;  
  7. import android.view.animation.AnimationUtils;  
  8. import android.widget.Button;  
  9.   
  10. public class MutiButtonActivity extends Activity {  
  11.     /** Called when the activity is first created. */  
  12.   
  13.     private Button btStart;  
  14.     private Button bt1;  
  15.     private Button bt2;  
  16.     private Button bt3;  
  17.     private Button bt4;  
  18.   
  19.     @Override  
  20.     public void onCreate(Bundle savedInstanceState) {  
  21.         super.onCreate(savedInstanceState);  
  22.         setContentView(R.layout.main);  
  23.   
  24.         findViews();  
  25.         btStart.setOnClickListener(new OnClickListener() {  
  26.   
  27.             @Override  
  28.             public void onClick(View v) {  
  29.                 // TODO Auto-generated method stub   
  30.                 startAnimation();  
  31.             }  
  32.         });  
  33.     }  
  34.   
  35.     private void findViews() {  
  36.         // TODO Auto-generated method stub   
  37.         btStart = (Button) findViewById(R.id.bt_start);  
  38.         bt1 = (Button) findViewById(R.id.bt1);  
  39.         bt2 = (Button) findViewById(R.id.bt2);  
  40.         bt3 = (Button) findViewById(R.id.bt3);  
  41.         bt4 = (Button) findViewById(R.id.bt4);  
  42.     }  
  43.   
  44.     private void startAnimation() {  
  45.         bt1.startAnimation(AnimationUtils.loadAnimation(this,  
  46.                 R.anim.bt_translate1));  
  47.         bt2.startAnimation(AnimationUtils.loadAnimation(this,  
  48.                 R.anim.bt_translate2));  
  49.         bt3.startAnimation(AnimationUtils.loadAnimation(this,  
  50.                 R.anim.bt_translate3));  
  51.         bt4.startAnimation(AnimationUtils.loadAnimation(this,  
  52.                 R.anim.bt_translate4));  
  53.     }  
  54. }  

其实还可通过Animation制作出更多有趣的效果，反着退出去，以一定轨迹旋转进入，闪烁显示，电影里那种报纸头条旋转变大显示。。。。。。只要自己善于观察，就会发现很多有趣的事情

相关内容