Animation的巧妙使用

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

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

和昨天不同的就是重新定义了几个anim文件夹下的xml文件：

其中一个内容如下：

[java] view plaincopyprint?

1. <?xml version="1.0" encoding="utf-8"?>
2. <set xmlns:android="http://schemas.android.com/apk/res/android" >
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%" />
13. </set>

<?xml version="1.0" encoding="utf-8"?><set xmlns:android="http://schemas.android.com/apk/res/android" >    <translate        android:startOffset="1500"        android:duration="5000"        android:fromXDelta="-100%"        android:fromYDelta="0%"        android:interpolator="@android:anim/decelerate_interpolator"        android:toXDelta="0%"        android:toYDelta="0%" /></set>

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

这是Activity代码：

[java] view plaincopyprint?

1. package sina.CreAmazing.muti_button;
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;
10. public class MutiButtonActivityextends Activity {
11. /** Called when the activity is first created. */
13. private Button btStart;
14. private Button bt1;
15. private Button bt2;
16. private Button bt3;
17. private Button bt4;
19. @Override
20. public void onCreate(Bundle savedInstanceState) {
21. super.onCreate(savedInstanceState);
22. setContentView(R.layout.main);
24. findViews();
25. btStart.setOnClickListener(new OnClickListener() {
27. @Override
28. public void onClick(View v) {
29. // TODO Auto-generated method stub
30. startAnimation();
31. }
32. });
33. }
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. }
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. }

package sina.CreAmazing.muti_button;import android.app.Activity;import android.os.Bundle;import android.view.View;import android.view.View.OnClickListener;import android.view.animation.AnimationUtils;import android.widget.Button;public class MutiButtonActivity extends Activity {/** Called when the activity is first created. */private Button btStart;private Button bt1;private Button bt2;private Button bt3;private Button bt4;@Overridepublic void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.main);findViews();btStart.setOnClickListener(new OnClickListener() {@Overridepublic void onClick(View v) {// TODO Auto-generated method stubstartAnimation();}});}private void findViews() {// TODO Auto-generated method stubbtStart = (Button) findViewById(R.id.bt_start);bt1 = (Button) findViewById(R.id.bt1);bt2 = (Button) findViewById(R.id.bt2);bt3 = (Button) findViewById(R.id.bt3);bt4 = (Button) findViewById(R.id.bt4);}private void startAnimation() {bt1.startAnimation(AnimationUtils.loadAnimation(this,R.anim.bt_translate1));bt2.startAnimation(AnimationUtils.loadAnimation(this,R.anim.bt_translate2));bt3.startAnimation(AnimationUtils.loadAnimation(this,R.anim.bt_translate3));bt4.startAnimation(AnimationUtils.loadAnimation(this,R.anim.bt_translate4));}}

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

http://115.com/file/belfo0uz#AnimationButton2.rar