¿Cómo crear un efecto de parpadeo en TextView en Android?

En este artículo, vamos a implementar una función muy importante relacionada con TextView. Aquí estamos agregando la función de texto parpadeante en un TextView. Esta función se puede utilizar para mostrar anuncios o notificaciones importantes en una aplicación. Incluso podemos agregar esta función para mostrar enlaces importantes para el usuario. Así que aquí vamos a aprender cómo implementar esa característica. A continuación se proporciona un GIF 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 Java

Create Blink Effect on TextView in Android Sample GIF

Implementación paso a paso

Paso 1: Crear un nuevo proyecto

Para crear un nuevo proyecto en Android Studio, consulte Cómo crear/iniciar un nuevo proyecto en Android Studio . Tenga en cuenta que seleccione Java como lenguaje de programación.

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 .

XML

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_margin="20dp"
    android:orientation="vertical"
    android:padding="20dp"
    tools:context=".MainActivity">
  
    <TextView
        android:id="@+id/blinktext"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:layout_margin="15dp"
        android:gravity="center"
        android:text="Blink Effect"
        android:textColor="@color/black"
        android:textSize="30dp" />
  
    <Button
        android:id="@+id/blinkb"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="15dp"
        android:background="@color/teal_200"
        android:padding="20dp"
        android:text="Blink Text" />
      
</LinearLayout>

Paso 3: trabajar con el archivo MainActivity.java

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

Java

import android.animation.ArgbEvaluator;
import android.animation.ObjectAnimator;
import android.graphics.Color;
import android.os.Bundle;
import android.view.View;
import android.view.animation.Animation;
import android.widget.Button;
import android.widget.TextView;
  
import androidx.appcompat.app.AppCompatActivity;
  
public class MainActivity extends AppCompatActivity {
  
    TextView blinkt;
    Button blinkb;
  
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
          
        blinkb = findViewById(R.id.blinkb);
        blinkt = findViewById(R.id.blinktext);
          
        blinkb.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                  
                // adding the color to be shown
                ObjectAnimator animator = ObjectAnimator.ofInt(blinkt, "backgroundColor", Color.BLUE, Color.RED, Color.GREEN);
                  
                // duration of one color
                animator.setDuration(500);
                animator.setEvaluator(new ArgbEvaluator());
                  
                // color will be show in reverse manner
                animator.setRepeatCount(Animation.REVERSE);
                  
                // It will be repeated up to infinite time
                animator.setRepeatCount(Animation.INFINITE);
                animator.start();
            }
        });
    }
}

Producción:

Publicación traducida automáticamente

Artículo escrito por annianni y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *