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: RenderEffect
Usando esta clase, puede crear 3 tipos de efectos:
- efecto únicoque es uno de los siguientes efectos: borroso, filtro de color, efecto sombreadoro efecto de mapa de bits.
- reacción en cadenaque compone dos efectos encadenándolos (la salida del primer efecto alimenta el segundo efecto, y así sucesivamente).
- 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í:
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.
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:
¡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í: