Android经典面试题之如何设置activity的启动动画,让它像dialog一样从底部往上出来

2024-07-31 17:59:02 浏览数 (2)

在 Android 中,你可以通过定义自定义的动画资源并在启动和结束 Activity 时应用这些动画,实现类似对话框从底部向上进入,从上向下退出的效果。具体步骤如下:

1. 定义动画资源

首先,创建两个 XML 动画文件,一个用于 Activity 进入时的动画,一个用于退出时的动画。

res/anim/activity_slide_in.xml
代码语言:javascript复制
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate
        android:duration="300"
        android:fromYDelta="100%"
        android:toYDelta="0%" />
    <alpha
        android:duration="300"
        android:fromAlpha="0.0"
        android:toAlpha="1.0"/>
</set>
res/anim/activity_slide_out.xml
代码语言:javascript复制
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate
        android:duration="300"
        android:fromYDelta="0%"
        android:toYDelta="100%" />
    <alpha
        android:duration="300"
        android:fromAlpha="1.0"
        android:toAlpha="0.0"/>
</set>

2. 应用动画资源

在你的 Activity 的 overridePendingTransition 方法中指定这两个动画文件。

启动新的 Activity 时

在启动一个新的 Activity 时你可以这样使用:

代码语言:javascript复制
val intent = Intent(this, NewActivity::class.java)
startActivity(intent)
overridePendingTransition(R.anim.activity_slide_in, R.anim.activity_slide_out)
结束当前 Activity 时

在结束当前 Activity 时你需要在 finish 之前调用 overridePendingTransition

代码语言:javascript复制
finish()
overridePendingTransition(R.anim.activity_slide_in, R.anim.activity_slide_out)
针对 Activity 退出动画

为了确保 Activity 在退出时使用自定义动画,你还需要覆盖 onBackPressed 方法:

代码语言:javascript复制
override fun onBackPressed() {
    super.onBackPressed()
    overridePendingTransition(R.anim.activity_slide_in, R.anim.activity_slide_out)
}

示例代码

假设你有两个 Activity,MainActivityNewActivity,以下是应用动画的示例代码:

代码语言:javascript复制
// In MainActivity.kt
class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        val button = findViewById<Button>(R.id.openActivityButton)
        button.setOnClickListener {
            val intent = Intent(this, NewActivity::class.java)
            startActivity(intent)
            overridePendingTransition(R.anim.activity_slide_in, R.anim.activity_slide_out)
        }
    }
}

// In NewActivity.kt
class NewActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_new)
    }

    override fun onBackPressed() {
        super.onBackPressed()
        overridePendingTransition(R.anim.activity_slide_in, R.anim.activity_slide_out)
    }
}

通过这个方法,你可以轻松地让你的 Activity 像 Dialog 一样,从底部向上进入,从上到下退出。上述动画时长可以根据实际需求进行调整。

如何只让新启动的activity有动画效果,之前的activity不动

先定义一个静止的动画

res/anim/no_animation.xml
代码语言:javascript复制
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <alpha
        android:duration="0"
        android:fromAlpha="1.0"
        android:toAlpha="1.0" />
</set>

no_animation.xml 是一个没有任何动画效果的动画文件,用于主 Activity 保持静止。

启动新的 Activity 时
代码语言:javascript复制
val intent = Intent(this, NewActivity::class.java)
startActivity(intent)
overridePendingTransition(R.anim.activity_slide_in, R.anim.no_animation)
在新的 Activity 返回时,也不需要动画

在新的 Activity 中,确保返回时无动画:

代码语言:javascript复制
override fun finish() {
    super.finish()
    overridePendingTransition(0, 0)
}

END

点亮【赞和在看】,让钱和爱都流向你。

心里种花,人生才不会荒芜,如果你也想一起成长,请点个关注吧。

0 人点赞