Animación de transición de color de fondo en Android

En Android, las animaciones se pueden aplicar a cualquier elemento de la interfaz de usuario para que la aplicación se vea más atractiva. Hay muchas animaciones predefinidas disponibles para usar en Android. Sin embargo, las animaciones personalizadas se pueden crear en formato XML y aplicar a los elementos de la interfaz de usuario. Una vez que dicha animación sea una transición de color y en este artículo, implementaremos una transición de cambio de color al fondo en Android. A continuación se muestra un video de muestra para tener una idea de lo que vamos a hacer en este artículo. Tenga en cuenta que vamos a implementar este proyecto utilizando el lenguaje Kotlin. 

Siga los pasos a continuación una vez que el IDE esté listo.

Implementación paso a paso

Paso 1: crea un nuevo proyecto en Android Studio

Para crear un nuevo proyecto en Android Studio, consulte Cómo crear/iniciar un nuevo proyecto en Android Studio . Demostramos la aplicación en Kotlin , así que asegúrese de seleccionar Kotlin como idioma principal al crear un nuevo proyecto.

Paso 2: trabajar con el archivo activity_main.xml

Vaya a la aplicación > res > diseño > actividad_principal.xml y agregue el siguiente código a ese archivo. A continuación se muestra el código para el archivo activity_main.xml . Agregue un botón como se muestra a continuación.

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    android:id="@+id/relative_layout_1"
    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=".MainActivity">
  
    <Button
        android:id="@+id/button_1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="start"
        android:layout_centerInParent="true"/>
  
</RelativeLayout>

Paso 3: trabajar con el archivo MainActivity.kt

Vaya al archivo MainActivity.kt y consulte el siguiente código. A continuación se muestra el código del archivo MainActivity.kt . Se agregan comentarios dentro del código para comprender el código con más detalle.

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<RelativeLayout>(R.id.relative_layout_1)
        val mButton = findViewById<Button>(R.id.button_1)
  
        // Creating an array of two colors
        val mColors = arrayOf(ColorDrawable(Color.GREEN), ColorDrawable(Color.RED))
  
        // When button is clicked, A transition is created
        // and applied to the background with specified duration
        mButton.setOnClickListener {
            val mTransition = TransitionDrawable(mColors)
            mRelativeLayout.background = mTransition
            mTransition.startTransition(2000)
        }
    }
}

Producción:

Puede ver que el color de fondo cambia de verde a rojo en 2 segundos.