📜  Android中的背景颜色过渡动画

📅  最后修改于: 2022-05-13 01:54:53.255000             🧑  作者: Mango

Android中的背景颜色过渡动画

在 Android 中,动画可以应用于任何 UI 元素,以使应用程序看起来更有吸引力。在 Android 中可以使用许多预定义的动画。但是,可以以 XML 格式创建自定义动画并将其应用于 UI 元素。一旦这样的动画是颜色过渡,在本文中,我们将在 Android 中实现到背景的颜色变化过渡。下面给出了一个示例视频,以了解我们将在本文中做什么。请注意,我们将使用 Kotlin 语言来实现这个项目。

IDE 准备就绪后,请按照以下步骤操作。

分步实施

第 1 步:在 Android Studio 中创建一个新项目

要在 Android Studio 中创建新项目,请参阅如何在 Android Studio 中创建/启动新项目。我们在Kotlin中演示了该应用程序,因此请确保在创建新项目时选择 Kotlin 作为主要语言。

第 2 步:使用 activity_main.xml 文件

导航到app > res > layout > activity_main.xml并将以下代码添加到该文件。下面是activity_main.xml文件的代码。添加一个按钮,如下所示。

XML


  
    


Kotlin
package org.geeksforgeeks.changingbackgroundanimation
  
import android.graphics.Color
import android.graphics.drawable.ColorDrawable
import android.graphics.drawable.TransitionDrawable
import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.widget.Button
import android.widget.RelativeLayout
  
class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
  
        // Declaring and initializing the
        // elements from the layout file
        val mRelativeLayout = findViewById(R.id.relative_layout_1)
        val mButton = findViewById


第 3 步:使用 MainActivity.kt 文件

转到MainActivity.kt文件并参考以下代码。下面是MainActivity.kt文件的代码。代码中添加了注释以更详细地理解代码。

科特林

package org.geeksforgeeks.changingbackgroundanimation
  
import android.graphics.Color
import android.graphics.drawable.ColorDrawable
import android.graphics.drawable.TransitionDrawable
import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.widget.Button
import android.widget.RelativeLayout
  
class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
  
        // Declaring and initializing the
        // elements from the layout file
        val mRelativeLayout = findViewById(R.id.relative_layout_1)
        val mButton = findViewById

输出:

您可以看到背景颜色在 2 秒内从绿色变为红色。