Android的Activity屏幕切換動畫(一)-左右滑動切換


這段時間一直在忙Android的項目,總算抽出點時間休息一下,准備把一些項目用到的Android經驗分享一下。

在Android開發過程中,經常會碰到Activity之間的切換效果的問題,下面介紹一下如何實現左右滑動的切換效果,首先了解一下Activity切換的實現,從Android2.0開始在Activity增加了一個方法:

 

public void overridePendingTransition (int enterAnim, int exitAnim)

其中:

enterAnim 定義Activity進入屏幕時的動畫

exitAnim 定義Activity退出屏幕時的動畫

overridePendingTransition 方法必須在startActivity()或者 finish()方法的后面。

Android已經內置了幾種動畫效果,可以見 android.R.anim 類。一般情況下我們需要自己定義屏幕切換的效果。首先我們先了解Activity的位置定義,如下圖:

從上圖可以看出,以手機屏幕下面邊未X軸,屏幕左邊為Y軸,當Activity在X軸值為-100%p時,剛好在屏幕的左邊(位置1),當X軸值為0%p時,剛好再屏幕內(位置2),當X=100%p時剛好在屏幕右邊(位置3)。

清楚了位置后,我們就可以實現左右滑動的切換效果,首先讓要退出的Activity從位置2移動到位置1,同時讓進入的Activity從位置3移動位置2,這樣就能實現從左右切換效果。

實現過程如下,首先定義2個動畫,在 res目錄創建anim目錄, 然后在目錄創建動畫的xml文件:out_to_left.xml (從左邊退出動畫) 、in_from_right.xml(從右邊進入動畫)

out_to_left.xml (從 位置2 移動到 位置1)

 

?
1
2
3
4
5
<? xml version = "1.0" encoding = "utf-8" ?>
< set xmlns:android = "http://schemas.android.com/apk/res/android" android:interpolator = "<a href=" http://my.oschina.net/asia" class = "referer" target = "_blank" >@android</ a > :anim/accelerate_interpolator">
     < translate android:fromXDelta = "0%p" android:toXDelta = "-100%p"
         android:duration = "500" />
</ set >

in_from_right.xml (從 位置3 移動到 位置2)

 

 

?
1
2
3
4
5
<? xml version = "1.0" encoding = "utf-8" ?>
< set xmlns:android = "http://schemas.android.com/apk/res/android" android:interpolator = "<a href=" http://my.oschina.net/asia" class = "referer" target = "_blank" >@android</ a > :anim/accelerate_interpolator">
     < translate android:fromXDelta = "100%p" android:toXDelta = "0%p"
         android:duration = "500" />
</ set >

 

注: android:fromXDelta 動畫開始的位置,  android:toXDelta 動畫結束的位置, android:duration動畫的時間。

 

Android 代碼如下:

 

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
public class LeftRightSlideActivity extends Activity {
     @Override
     public void onCreate(Bundle savedInstanceState) {
         super .onCreate(savedInstanceState);
         setContentView(R.layout.main);  
         
         Button button = (Button)findViewById(R.id.button1);
         button.setOnClickListener( new View.OnClickListener() { 
             @Override
             public void onClick(View v) {
                 Intent intent = new Intent();
                 intent.setClass(LeftRightSlideActivity. this , SlideSecondActivity. class );
                 startActivity(intent);
                 //設置切換動畫,從右邊進入,左邊退出
                 overridePendingTransition(R.anim.in_from_right, R.anim.out_to_left);               
             }
         });
     }
}

 

效果圖如下:

 

     

雖然左右滑動切換的實現很簡單,但是對於原理的理解很重要,掌握了原理可以充分發揮想象力設計出各種各樣的動畫效果,希望對一些入門的新手有幫助。

以后在慢慢整理一些項目中用到的切換動畫效果。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM