Generalidades

Explorando Android 12: desenfoques, filtros de color y otros efectos | Por yggr | Marzo de 2022

Android 12 presenta una forma más fácil de crear efectos gráficos comunes A través de una nueva clase: RenderEffectUsando esta clase, puede crear 3 tipos de efectos:

  1. efecto únicoque es uno de los siguientes efectos: borroso, filtro de color, efecto sombreadoro efecto de mapa de bits.
  2. reacción en cadenaque compone dos efectos encadenándolos (la salida del primer efecto alimenta el segundo efecto, y así sucesivamente).
  3. efecto mixtoFunciona por una cierta combinación de dos efectos. BlendMode.

Puede aplicar estos efectos a cualquier View instancia a través de nuevo setRenderEffect método.

En este artículo, crearemos una aplicación simple que utiliza RenderEffect En ImageView y TextView así:

Explorando Android 12 desenfoques filtros de color y otros efectos
Esto es RenderEffect en acción. Observe cómo la imagen y el texto de la derecha cambian según el efecto aplicado.

Siga los pasos proporcionados a continuación para crear esta aplicación.

1. Abra Android Studio. Cree un nuevo proyecto usando la opción «Actividad vacía».

2. Primero, necesitamos importar algunos activos para nuestra aplicación.descargar pokemon.png y pokemon_2.png Imagen de esta carpetay luego ponerlos en su proyecto res/drawable carpeta.

3. A continuación, primero crearemos el diseño de nuestra aplicación. La siguiente imagen muestra cómo se verá el diseño al final. En la parte superior, podemos ver dos ImageViews y TextViews que dicen «BULBASAUR». Aplicaremos efectos a ImageView y TextView. Debajo de esto, tenemos un montón de botones para aplicar varios efectos.

1648171473 567 Explorando Android 12 desenfoques filtros de color y otros efectos
Qué es esto activity_main.xml debería verse como

Para crear este diseño, abra activity_main.xml archivo y copie y pegue el fragmento de código a continuación:

4. Finalmente, necesitamos actualizar nuestro MainActivity.kt documento. Puede continuar y copiar y pegar el fragmento de código a continuación.Lo más importante a tener en cuenta aquí es View.setRenderEffect() métodos y varios RenderEffect, puede usarlos para crear tres tipos de efectos: efectos simples, efectos en cadena y efectos mixtos.Cada efecto tiene algunos parámetros que puede usar, como el radio del desenfoque y el filtro de color. BlendMode.

5. ¡Eso es todo! Ahora ejecute su aplicación y pruebe el efecto usted mismo:

Explorando Android 12 desenfoques filtros de color y otros efectos
Esto es RenderEffect en acción. Observe cómo la imagen y el texto de la derecha cambian según el efecto aplicado.

¡Como siempre, gracias por leer!

¿Quieres saber más sobre Android 12?

Ver todos nuestros artículos de «Explora Android 12》 la serie está aquí:

yggr

Explora Android 12

LEER  Depuración de Android.Para nosotros, los desarrolladores, la depuración es... | Por Tutku Aydın | Proteínas | Mar 2022

Publicaciones relacionadas

Deja una respuesta

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

Botón volver arriba