介面切換動畫

2022-05-21 08:38:50 字數 3444 閱讀 1405

介面切換動畫

在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

xmlversion="1.0"encoding="utf-8"?>

2

<setxmlns:android=""android:interpolator="@android :anim/accelerate_interpolator">

3

<translateandroid:fromxdelta="0%p"android:toxdelta="-100%p"

4

android:duration="500"/>

5

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

1

xmlversion="1.0"encoding="utf-8"?>

2

<setxmlns:android=""android:interpolator="@android :anim/accelerate_interpolator">

3

<translateandroid:fromxdelta="100%p"android:toxdelta="0%p"

4

android:duration="500"/>

5

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

android **如下:

01

publicclassleftrightslideactivityextendsactivity

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無縫展示,即啟動頁的背景和首頁最上層的懸浮背景圖是一模一樣,使用者會以為還在啟動頁,我這裡會做些動...