Android Activity切換過渡動畫

好幾天都木有更新博客了,這段時間是在是太忙了,不過積累經驗的習慣不能荒廢,于是決定今天不管忙到多晚,一定要記錄一篇

這次記錄的是我剛好今天學到的一點知識,有關于activity的切換動畫的。

這兩天有幾家企業在學校招生,面試了一家公司,經過筆試和面試,HR說今天會給我一份任務需求,讓我在兩天內完成(我去,時間好緊),今天收到任務書便立馬放下手中的項目開始著手。任務是要完成一個智能家居類的App,想了想畢竟是給HR的不能做的太寒顫,起碼的動畫效果還是得有的,于是乎就有了今天的問題。

如何添加Activity的切換動畫呢

先上效果圖(GIF顯示效果比較卡,不過實際是很流暢的)
效果.gif

找到了兩種實現辦法

1. overridePendingTransition方法

在startActivity后加上這樣一行代碼

startActivity(new Intent(MainActivity.this , SelectWiFiActivity.class));
overridePendingTransition(R.anim.up_in, R.anim.up_out);

然后在跳轉到的activity里重寫finish方法

    @Override
    public void finish() {
        super.finish();
        overridePendingTransition(R.anim.down_in, R.anim.down_out);
    }

overridePendingTransition的兩個參數分別是新的activity進入的動畫和當前activity退出的動畫

2.自定義主題style

在style.xml文件夾內加入

    <style name="AnimActivity" parent="Theme.AppCompat.Light.NoActionBar">
        <item name="android:windowAnimationStyle">@style/AnimationActivity</item>
        <item name="android:windowNoTitle">true</item>
    </style>

    <style name="AnimationActivity" parent="@android:style/Animation.Activity" >
        <item name="android:activityOpenEnterAnimation">@anim/up_in</item>
        <item name="android:activityOpenExitAnimation">@anim/up_out</item>
        <item name="android:activityCloseEnterAnimation">@anim/down_in</item>
        <item name="android:activityCloseExitAnimation">@anim/down_out</item>
    </style>
A 啟動 B 時,A 從屏幕上消失,這時執行的是A的android:activityOpenExitAnimation
A 啟動 B 時,B 出現在屏幕上,這時執行的是B的android:activityOpenEnterAnimation
從 B 返回A時,B從屏幕上消失,這時執行的是B的android:activityCloseExitAnimation
從 B 返回A時,A 出現在屏幕上,這時執行的是A的android:activityCloseEnterAnimation
我的動畫文件,供參考

up_in.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate
        android:fromYDelta="100%p"
        android:toYDelta="0"
        android:duration="800"
        />
</set>

up_out.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate
        android:fromYDelta="0"
        android:toYDelta="-100%p"
        android:duration="800"
        />
</set>

down_in.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate
        android:fromYDelta="-100%p"
        android:toYDelta="0"
        android:duration="800"
        />
</set>

down_out.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate
        android:fromYDelta="0"
        android:toYDelta="100%p"
        android:duration="800"
        />
</set>

至此,一聲感嘆,animation set居然還有如此之操作?hh

更多動畫效果可以參考
Android Developer API文檔 (需 科 學 上 網)

使用style主題既可以應用在AndroidManifest.xml下 application的android:theme里作為全局主題動畫效果,也可以單獨應用在activity內單獨應用于某些activity

<application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:roundIcon="@mipmap/ic_launcher_round"
        android:supportsRtl="true"
        android:theme="@style/MyAppTheme">

剛使用可能會出現動畫混亂導致過渡效果不理想,沒關系,多嘗試幾次就能理解哪個參數對應了哪一步的動畫了。

不早了,先睡覺。
明早起來繼續奮斗!

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容