Curso de Desarrollo Android. Tema 8: Views: Tipos de Views más habituales y sus propiedades

Autor: | Posteado en Android Sin comentarios

Como ya hemos visto en manuales anteriores, es probable colocar los Views o elementos de interacción de una ocupación arrastrándolos desde el menú a la Activity correspondiente en Android® Studio de manera que podamos modificar todas sus propiedades y colocarlo en función a lo que más nos convenga. Sin embargo, esto no deja de ser solo una parte de las propiedades o atributos que podemos programar a un elemento o View.

Las vistas o Views son todos aquellos elementos de una aplicación para Android® que, dentro de una Activity, sirven para que el cliente interactúe con la aplicación. Dentro de los Views podemos distinguir muchos elementos, siendo los más comunes las etiquetas, los cuadros de texto, las casillas y los botones, entre otros.

Android Studio clasifica los Views en muchas categorías según su intención para que los clientes puedan hallar lo que exploran fácilmente:

Layouts

Un Layout es el elemento responsable de representar el diseño de la interfaz con la que va a interactuar el usuario. Dentro de ella tendremos los elementos gráficos, los Views, información sobre la actividad, fragmentos e inclusive los widgets.

Dentro de este apartado podemos cargar nuevos Layouts que modifiquen el comportamiento de la actividad.

Views en <stro />Android</strong>® Studio – Layouts” width=”216″ height=”210″></a></p>
<p><strong>Widgets</strong></p>
<p>Dentro de este apartado encontraremos una serie de elementos diseñados para que el cliente pulse sobre ellos o para mostrar información al cliente sobre algo. Por ejemplo, dentro de Widgets encontraremos cuadros de texto, botones, casillas, interruptores, barras de progreso, etc.</p>
<p><a href=Views en <stro />Android</strong>® Studio – Widgets” width=”215″ height=”470″ srcset=”http://www.movilzona.es//app/uploads/2015/12/Views-en-Android-Studio-Widgets-152×332.png 152w, http://www.movilzona.es//app/uploads/2015/12/Views-en-Android-Studio-Widgets.png 215w” sizes=”(max-width: 215px) 100vw, 215px”></a></p>
<p><strong>TextFields</strong></p>
<p>Los TextFiles son elementos diseñados para que el cliente introduzca en ellos un tipo de texto como un nombre, un teléfono, una resolución a una consulta o cualquier otro tipo de información. Existen muchos tipos de TextFields, siendo algunos de los más habituales PlainText, Person Name, Password, Email, Phone o Multiline Text.</p>
<p><a href=Views en <stro />Android</strong>® Studio – Text Fields” width=”215″ height=”330″></a></p>
<p><strong>Containers</strong></p>
<p>Dentro de este apartado vamos a hallar los contenedores, es decir, grupos de elementos. Aquí se puede hallar listas y grupos de Viewsm barras de búsqueda, filtros, etc.</p>
<p><a href=Views en <stro />Android</strong>® Studio – Containers” width=”215″ height=”331″ srcset=”http://www.movilzona.es//app/uploads/2015/12/Views-en-Android-Studio-Containers-195×300.png 195w, http://www.movilzona.es//app/uploads/2015/12/Views-en-Android-Studio-Containers.png 215w” sizes=”(max-width: 215px) 100vw, 215px”></a></p>
<p><strong>Date & Time</strong></p>
<p>Dentro de este apartado, como su nombre indica, encontraremos todo lo relacionado con el tiempo, es decir, relojes, cronómetros, calendarios, etc.</p>
<p><a href=Views en <stro />Android</strong>® Studio – Date and Time” width=”215″ height=”212″></a></p>
<p><strong>Expert</strong></p>
<p>Aquí encontraremos una serie de Views orientados a clientes especialistas debido a su complejidad de uso.</p>
<p><a href=Views en <stro />Android</strong>® Studio – Expert” width=”215″ height=”490″></a></p>
<p><strong>Custom</strong></p>
<p>En este apartado podemos hallar los elementos necesarios para inventar vuestros propios Views.</p>
<p><a href=Views en <stro />Android</strong>® Studio – Custom” width=”215″ height=”149″></a></p>
<p>Todos estos views cuentan con una serie de propiedades o atributos que definen su comportamiento, su colocación, su tamaño y el resto de propiedades.</p>
<h2>Propiedades de los Views</h2>
<p>Las propiedades de los Views son las características de cada uno de los elementos. Dentro de estas características podemos hallar algunas que son útiles para algunos Views no obstante no son útiles para otros y otras características que serán comunes e considerables para los otros.</p>
<p>En cuanto las las propiedades básicas podemos hablar de:</p>
<ul>
<li>IDs – El identificador con el que haremos referencia a dicha vista o elemento.</li>
<li>Dimensiones – El tamaño que tendra el elemento dentro de la actividad.</li>
<li>Posiciones – Dónde estará colocado el elemento y respecto a qué lo estará.</li>
</ul>
<p>Como ya hemos explicado anteriormente, la posición la podemos modificar facilmente arrastrando el View por la pantalla hasta la posición deseada. El tamaño se puede modificar igualmente seleccionando el elemento y arrastrando desde los cuadros que aparecen en el contorno del mismo.</p>
<p>Los IDs, también se pueden modificar creando doble click sobre el elemento en cuestión, sin tener así que investigar su propiedad concreta.</p>
<p><a href=Android Studio - Saludo Personalizado - Cambiar texto e IDAntes de Android® Studio, todos estos elementos debían modificarse desde el fichero .xml correspondiente a las vistas de los elementos, donde allí se especificaban estos y otros parámetros. Con Android® Studio, Google® ha simplificado notablemente esta tarea y, además de las formas anteriores, también nos admite programar las propiedades de cada elemento desde el apartado concreto “propiedades” del IDE.

No vamos a entrar en todas las posibilidades de los elementos a las que podemos entrar desde aquí porque son muchas, sin embargo, sí que vamos a mirar las primordiales que tendremos que tener en cuenta prácticamente continuamente y, según vayamos mirando la necesidad de modificar otras, lo iremos indicando y completando en esta categoría.

  • Layout:width: Anchura del elemento en cuestión.
  • Layout:height: Altura del elemento en cuestión.
  • Layout:margin – Margen exterior del elemento respecto a los demás.

Android Studio - alto, ancho y margen del elemento

  • Background: Aspectos relacionados con el fondo del elemento.
  • Clickable: Indica si el elemento se puede pulsar.

 

Android Studio - Click y color

  • ID: El identificador del elemento.
  • LinearLayout: Dibuja una línea alrededor del View.
  • LongClickable: Si la pulsación larga posee alguna finalidad.
  • OnClick: Qué hace cuando se le pulsa.
  • Padding: Margen interior del elemento.
  • Rotation: Nos admita rotar el elemento en la pantalla.
  • Scale: Configuramos la escala.
  • Scroolbar: Nos admite programar la barra de desplazamiento.
  • Tag: La etiqueta del elemento, útil para identificarlo más fácilmente en el desarrollo.
  • Text: El texto que posee el elemento.
  • Visibility: Indica la visibilidad del elemento en la actividad.

Si teneis alguna duda, pásate por el Foro de MovilZona donde hemos inventado un post(artículo) para las consultas al respecto de este tema.

Enlaces

El capítulo Curso de Desarrollo Android. Tema 8: Views: Tipos de Views más habituales y sus propiedades se publicó en MovilZona.

MovilZona


Fuente del contenido original se encuentra más arriba (enlace), respetando todos los derechos de autor.

La prensa de Core i7

También puedes revisar estas noticias relacionadas.

Agrega tu comentario