4.安卓基礎之Activity跳轉動畫
阿新 • • 發佈:2018-12-10
零、前言
1.開啟RedActivity點選螢幕進入BlueActivity,此時RedActivity左移出,BlueActivity左移入 2.點選返回按鈕BlueActivity右移出,RedActivity右移入
預設跳轉模式:
本案例效果:
一、測試類
1.紅色Activity:
public class RedActivity extends AppCompatActivity { @BindView(R.id.root) ConstraintLayout mRoot; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_color); ButterKnife.bind(this); mRoot.setBackgroundColor(Color.RED); } @OnClick(R.id.root) public void onViewClicked() { startActivity(new Intent(this, BlueActivity.class)); overridePendingTransition(R.anim.open_enter_t,R.anim.open_exit_t); } }
2.藍色Activity
public class BlueActivity extends AppCompatActivity { @BindView(R.id.root) ConstraintLayout mRoot; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_color); ButterKnife.bind(this); mRoot.setBackgroundColor(Color.BLUE); } @OnClick(R.id.root) public void onViewClicked() { startActivity(new Intent(this, RedActivity.class)); } @Override public void onBackPressed() { super.onBackPressed(); overridePendingTransition(R.anim.close_enter_t, R.anim.close_exit_t); } }
二、動畫
1.左移出:anim/open_exit_t.xml
<?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android" android:interpolator="@android:anim/decelerate_interpolator"> <!--左移出--> <translate android:duration="500" android:fromXDelta="0%p" android:toXDelta="-100%p"/> </set>
2.左移入:anim/open_enter_t.xml
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
android:interpolator="@android:anim/decelerate_interpolator">
<!--左移入-->
<translate
android:duration="500"
android:fromXDelta="100%p"
android:toXDelta="0%p"/>
</set>
3.右移出:anim/close_exit_t.xml
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
android:interpolator="@android:anim/decelerate_interpolator">
<!--右移出-->
<translate
android:duration="500"
android:fromXDelta="0%p"
android:toXDelta="100%p"/>
</set>
4.右移入:anim/close_enter_t.xml
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
android:interpolator="@android:anim/decelerate_interpolator">
<!--右移入-->
<translate
android:duration="500"
android:fromXDelta="-100%p"
android:toXDelta="0%p"/>
</set>
附錄、佈局檔案:layout/activity_color.xml
<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout
android:id="@+id/root"
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".animation.RedActivity">
</android.support.constraint.ConstraintLayout>
三、利用樣式來改變Activity跳轉動畫
1.定義樣式:values/styles.xml
<style name="TranAnim_Activity"
parent="@android:style/Animation.Activity">
<item name="android:activityOpenEnterAnimation">@anim/open_enter_t</item>
<item name="android:activityOpenExitAnimation">@anim/open_exit_t</item>
<item name="android:activityCloseEnterAnimation">@anim/close_enter_t</item>
<item name="android:activityCloseExitAnimation">@anim/close_exit_t</item>
</style>
<style name="AppThemeTranAnim" parent="Theme.AppCompat.Light.NoActionBar">
<item name="android:windowNoTitle">true</item>
<item name="android:windowAnimationStyle">@style/TranAnim_Activity
</item>
</style>
2.使用樣式:app/src/main/AndroidManifest.xml
<activity android:name=".animation.RedActivity"
android:theme="@style/AppThemeTranAnim">
<intent-filter>
<action android:name="android.intent.action.MAIN"/>
<category android:name="android.intent.category.LAUNCHER"/>
</intent-filter>
</activity>
<activity android:name=".animation.BlueActivity"
android:theme="@style/AppThemeTranAnim">
</activity>
後記、
1.宣告:
1.本文由張風捷特烈原創,轉載請註明 2.歡迎廣大程式設計愛好者共同交流 3.個人能力有限,如有不正之處歡迎大家批評指證,必定虛心改正 4.看到這裡,感謝你的喜歡與支援
2.連線傳送門:
3.聯絡我
QQ:1981462002 郵箱:[email protected] 微信:zdl1994328