在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); } }); } } |
效果圖如下:
雖然左右滑動切換的實現很簡單,但是對於原理的理解很重要,掌握了原理可以充分發揮想象力設計出各種各樣的動畫效果,希望對一些入門的新手有幫助。
以後在慢慢整理一些項目中用到的切換動畫效果。
(好像沒地方上傳附件,所以就沒有把工程放上來)