4-AI--Activity跳轉動畫

時間 2019-11-07

標籤 activity 動畫简体版

原文原文鏈接

零、前言

1.打開RedActivity點擊屏幕進入BlueActivity，此時RedActivity左移出，BlueActivity左移入
2.點擊返回按鈕BlueActivity右移出，RedActivity右移入android

默認跳轉模式：

本案例效果：

1、測試類

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);
    }
}

2、動畫

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>

3、利用樣式來改變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>