介面切換動畫
在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
xml
version
=
"1.0"
encoding
=
"utf-8"
?>
2
<
set
xmlns:android
=
""
android:interpolator
=
"@android :anim/accelerate_interpolator">
3
<
translate
android:fromxdelta
=
"0%p"
android:toxdelta
=
"-100%p"
4
android:duration
=
"500"
/>
5
in_from_right.xml (從 位置3 移動到 位置2)
1
xml
version
=
"1.0"
encoding
=
"utf-8"
?>
2
<
set
xmlns:android
=
""
android:interpolator
=
"@android :anim/accelerate_interpolator">
3
<
translate
android:fromxdelta
=
"100%p"
android:toxdelta
=
"0%p"
4
android:duration
=
"500"
/>
5
注: android:fromxdelta 動畫開始的位置, android:toxdelta動畫結束的位置,android:duration動畫的時間。
android **如下:
01
public
class
leftrightslideactivity
extends
activity
17
});
18
}
19
}
不過有時候overridependingtransition 這個函式會不起作用,總結下,大概是以下三個方面的原因:
1、android系統版本2.0以下,這個沒辦法,想其他辦法解決切換動畫吧。
2、在activitygroup等的嵌入式activity中,這個比較容易解決,用如下方法就可以了:
this.getparent().overridependingtransition 就可以解決。
3、在乙個activity的內部類中,或者匿名類中,這時候只好用handler來解決了。
4、手機的顯示動畫效果被人為或者其他方式給關閉了 現在開啟即可 設定->顯示->顯示動畫效果
效果圖如下:
雖然左右滑動切換的實現很簡單,但是對於原理的理解很重要,掌握了原理可以充分發揮想象力設計出各種各樣的動畫效果,希望對一些入門的新手有幫助。
Xcode介面切換動畫效果
catransition animation catransition animation animation setduration 0.2f animation settimingfunction camediatimingfunction functionwithname kcamediati...
Xcode介面切換動畫效果
catransition animation catransition animation animation setduration 0.2f animation settimingfunction camediatimingfunction functionwithname kcamediati...
Activity取消介面切換的預設動畫方法
一般啟動乙個新的activity都預設有切換的動畫效果,比如介面從右至左的移動。但是有些時候我們不需要這個動畫,怎麼辦?操作方法比較麻煩,這裡我推薦其中一種。我這裡是要做啟動頁splash到首頁home無縫展示,即啟動頁的背景和首頁最上層的懸浮背景圖是一模一樣,使用者會以為還在啟動頁,我這裡會做些動...