Widgets View

 Por: Danny Saldaña, Ian Rojas

Widgets View

¿Qué es?

En Android Studio, un widget View se refiere a cualquier elemento visual o componente que se utiliza para construir la interfaz de usuario de una aplicación Android, en otras palabras te permite hacer widgets personalizados. Los widgets View son la base de la construcción de la interfaz de usuario en Android, y existen una variedad de ellos disponibles para representar diferentes tipos de contenido y permitir interacciones con el usuario. Algunos ejemplos comunes de widgets View incluyen TextView (para mostrar texto), Button (para botones), ImageView (para mostrar imágenes) y muchos otros.

Características

Los widgets View son componentes fundamentales en el desarrollo de aplicaciones Android, y comprender cómo trabajar con ellos es esencial para crear interfaces de usuario efectivas y atractivas. Puedes encontrar una amplia documentación y ejemplos en línea para aprender más sobre cómo utilizar widgets View en Android Studio y crear una interfaz de usuario de alta calidad para tus aplicaciones Android. Algunas de las cosas que podemos hacer con ellas son: 

• Representación de Elementos UI: La clase View es la base de todos los elementos de la interfaz de usuario en Android, como botones, cuadros de texto, imágenes, etc. Cada elemento de la interfaz de usuario es una instancia de View o una de sus subclases.
• Dibujo y Renderización: Las vistas son responsables de su propio dibujo y renderización en la pantalla. Pueden personalizar su aspecto y comportamiento mediante métodos como onDraw() y configurar propiedades como el color, el tamaño y la forma.
• Manejo de Eventos: Las vistas pueden responder a eventos de usuario, como toques, gestos y clics. Puedes agregar controladores de eventos para manejar estas interacciones, lo que permite a los usuarios interactuar con la aplicación.
• Interacciones Táctiles: Las vistas pueden detectar y responder a eventos táctiles, como toques simples, deslizamientos y gestos multitáctiles. Esto es esencial para crear experiencias táctiles interactivas.
• Posicionamiento y Diseño: Puedes controlar la posición y el diseño de las vistas en un diseño utilizando atributos de diseño, como layout_width, layout_height, layout_gravity, etc.
• Personalización: Las vistas se pueden personalizar mediante atributos XML y mediante programación. Esto incluye la modificación de la apariencia, el texto, los colores y otros aspectos visuales.

Diseño

Una View suele mostrar un elemento que el usuario puede ver y con el que puede interactuar. En cambio, un ViewGroup es un contenedor invisible que define la estructura de diseño de View y otros objetos ViewGroup, como se muestra en la siguiente figura.

Escritura xml:

Después de declarar tu diseño en XML, guarda el archivo con la extensión .xml en el directorio res/layout/ de tu proyecto de Android para que pueda compilarse correctamente. Puedes obtener más información acerca de la sintaxis para un archivo XML de diseño en el documento Recursos de diseño. Cuando compilas tu aplicación, cada archivo XML de diseño se compila en un recurso View. Debes cargar el recurso de diseño desde el código de tu aplicación, en la implementación de devolución de llamada Activity.onCreate(). Para eso, llama a setContentView() pasando la referencia a tu recurso de diseño en forma de R.layout.layout_file_name.

Escritura en el .java:

Las aplicaciones de View en XML implican la creación de interfaces de usuario declarativas mediante la definición de elementos View y su diseño en archivos XML, y luego se puede interactuar con estas View desde el código Java o Kotlin de la aplicación para definir su comportamiento.