美文网首页
Activity页面切换动画效果

Activity页面切换动画效果

作者: 我想吃碗牛肉面 | 来源:发表于2017-08-10 18:02 被阅读11次

背景
参考网易新闻,打开新页面时,是从右侧切换过来,关闭时是切换回右侧。网上有很多方法,但是使用后都感觉不满意,决定自己写一个。

打开新Activity
其中的activity_open_in是新打开的Activity的进入动画,而activity_open_out是原Activity的离开动画,这个要分清楚。

Intent intent = new Intent(this, TestActivity.class);
startActivity(intent);
overridePendingTransition(R.anim.activity_open_in, R.anim.activity_open_out);

关闭Activity
其中activity_close_in是原Activity的进入动画,而activity_close_out是现有页面的离开动画。

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

几个动画文件

image.png

activity_open_in.xml

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

activity_open_out.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate
        android:duration="200"
        android:fromXDelta="0"
        android:toXDelta="0"
    />
</set>

activity_close_in.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate
        android:duration="200"
        android:fromXDelta="0"
        android:toXDelta="0"/>
</set>

activity_close_out.xml

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

</article>

相关文章

网友评论

      本文标题:Activity页面切换动画效果

      本文链接:https://www.haomeiwen.com/subject/uxtkrxtx.html