為了給UI做出一些比較炫的效果,往往要使用多種Animation結合使用或者是多個控件同時使用一種Animation。而後者需要按照一定規律來使用,下面是具體實例:
現在要做的其實和這個 http://www.linuxidc.com/Linux/2012-02/55174.htm 差不多,不同的現在要做一個動畫效果就是當點擊Start按鈕時,左邊四個按鈕會依次以減速運動出現,該效果會給人一種不一樣的感覺,能增加用戶的體驗。
和這個(Android 自定義Button 及Animation的基本使用 )不同的就是重新定義了幾個anim文件夾下的xml文件:
其中一個內容如下:
- <?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代碼:
- 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;
-
- @Override
- public void onCreate(Bundle savedInstanceState) {
- super.onCreate(savedInstanceState);
- setContentView(R.layout.main);
-
- findViews();
- btStart.setOnClickListener(new OnClickListener() {
-
- @Override
- public void onClick(View v) {
- // TODO Auto-generated method stub
- startAnimation();
- }
- });
- }
-
- private void findViews() {
- // TODO Auto-generated method stub
- btStart = (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制作出更多有趣的效果,反著退出去,以一定軌跡旋轉進入,閃爍顯示,電影裡那種報紙頭條旋轉變大顯示。。。。。。只要自己善於觀察,就會發現很多有趣的事情