4-AI--Activity跳转动画
4-AI--Activity跳转动画
张风捷特烈
发布于 2018-09-26 16:35:42
发布于 2018-09-26 16:35:42
零、前言
1.打开RedActivity点击屏幕进入BlueActivity，此时RedActivity左移出，BlueActivity左移入 2.点击返回按钮BlueActivity右移出，RedActivity右移入
默认跳转模式：
Activity默认跳转动画.gif
本案例效果：
Activity跳转动画.gif
一、测试类
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);
}
}
Activity跳转动画.png
二、动画
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>本文由张风捷特烈原创,转载请注明 更多安卓技术欢迎访问：https://www.jianshu.com/c/004f3fe34c94 张风捷特烈个人网站，编程笔记请访问：http://www.toly1994.com
你的喜欢与支持将是我最大的动力
本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2018.08.24 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录