Blog para desarrollo de aplicaciones en Android, aprende paso a paso como crear aplicaciones.

Usamos cookies propias y de terceros que entre otras cosas recogen datos sobre sus hábitos de navegación para mostrarle publicidad personalizada y realizar análisis de uso de nuestro sitio.
Si continúa navegando consideramos que acepta su uso. OK Más información | Y más

Android Studio - Barra o Paleta de Herramientas - Widgets - Parte 1

Android Studio Widgets Tutorial 

Esta es la siguiente etapa de las herramientas en la cual aprenderemos un poco mas sobre sus componentes y su uso.

Para empezar tenemos que tener claro lo que es un Widget.

Widgets

Son elementos que se utilizan para desarrollar las aplicaciones en la interfaz de las actividades.




Bueno teniendo claro creo que podemos comenzar con cada uno de los elementos y su utilidad.




1. Plain TextView

Este es un elemento que se utiliza para mostrar texto para el usuario en forma de contenido o un etiqueta para un campo que tenga que llenar.

Estos controles tiene varias propiedades describiré solo algunas de ellas.

ID : esta propiedad se utiliza para identificar de forma exclusiva el elemento.
TEXT : es el texto que se vera.
TEXTSIZE : tamaño del texto.
TEXTCOLOR : el color que tendrá el texto.
FONTFAMILY : los tipos de fuente de letras para el texto.
TEXTSTYLE : son los estilos para el texto (negrita, cursiva, normal, etc).

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Plain TextView"
android:id="@+id/PlainTextView"/>

2. Large Text 

Este tipo de elemento es igual que el anterior su diferente radica solo en el tamaño que en este caso seria tamaño de texto grande. Lo pueden utilizar para presentar los encabezados o títulos de sus aplicaciones en las actividades.
Cuenta con las misma propiedades a diferencia de una que la mostrare a continuación.

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceLarge"
android:text="Large Text"
android:id="@+id/LargeText"/>

TEXTAPPEARANCE : que define el tamaño que el textview va a heredar.

3. Medium Text

Este elemento al igual que los anteriores solo varia en el tamaño que en este caso seria el texto en un tamaño medio. Con las misma propiedades para evitar redundancia y siempre con la diferencia de la propiedad siguiente.

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceMedium"
android:text="Medium Text"
android:id="@+id/MediumText"/>

4. Small Text

Para este elemento el tamaño sera pequeño lo pueden utilizar para mostrar contenido. Contiene  las mismas propiedades.

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceSmall"
android:text="Small Text"
android:id="@+id/textView4"/>

5. Button

Este elemento como su nombre indica es un botón. Que se utiliza para efectuar una acción o función en una aplicación.

Estos controles tiene varias propiedades describiré solo algunas de ellas.

ID : esta propiedad se utiliza para identificar de forma exclusiva el elemento.
TEXT : es el texto que se vera.
TEXTSIZE : tamaño del texto.
TEXTCOLOR : el color que tendrá el texto.
FONTFAMILY : los tipos de fuente de letras para el texto.
TEXTSTYLE : son los estilos para el texto (negrita, cursiva, normal, etc).
BACKGROUND : se trata del color de fondo que el botón tendrá su apariencia.
ONCLICK : Se asignara el nombre del método que se ejecutara al momento de presionar el botón.

<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="New Button"
android:id="@+id/button"/>

6. Small Button

Este elemento es igual que el botón. Con una única diferencia en sus propiedades.

<Button
style="?android:attr/buttonStyleSmall"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="New Button"
android:id="@+id/button2"/>

STYLE :  que hace heredar un estilo pequeño al botón.

7. RadioButton

Es un control que permite al usuario tener la forma de selección varias opciones múltiples.

Este control tiene varias propiedades describiré solo algunas de ellas.

ID : esta propiedad se utiliza para identificar de forma exclusiva el elemento.
TEXT : es el texto que se vera.
TEXTSIZE : tamaño del texto.
TEXTCOLOR : el color que tendrá el texto.
FONTFAMILY : los tipos de fuente de letras para el texto.
TEXTSTYLE : son los estilos para el texto (negrita, cursiva, normal, etc).

<RadioButton
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="New RadioButton"
android:id="@+id/radioButton"/>

8. CheckBox

Este elemento es una casilla de verificación que tiene dos estados y se puede activar o desactivar.

Este control tiene varias propiedades describiré solo algunas de ellas.

ID : esta propiedad se utiliza para identificar de forma exclusiva el elemento.
TEXT : es el texto que se vera.
TEXTSIZE : tamaño del texto.
TEXTCOLOR : el color que tendrá el texto.
FONTFAMILY : los tipos de fuente de letras para el texto.
TEXTSTYLE : son los estilos para el texto (negrita, cursiva, normal, etc).
CHECKED : esta casilla verifica si esta presionado de forma booleana ( False o True).

<CheckBox
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="New CheckBox"
android:id="@+id/checkBox"
android:checked="false"/>

9. Switch 

Este elemento funciona como un interruptor con dos estados activado o desactivado.

Este control tiene varias propiedades describiré solo algunas de ellas.

ID : esta propiedad se utiliza para identificar de forma exclusiva el elemento.
TEXT : es el texto que se vera.
TEXTSIZE : tamaño del texto.
TEXTCOLOR : el color que tendrá el texto.
FONTFAMILY : los tipos de fuente de letras para el texto.
TEXTSTYLE : son los estilos para el texto (negrita, cursiva, normal, etc).
TEXTOFF : se utiliza cuando el control esta sin uso OFF.
TEXTON : se utiliza cuando el control esta activado ON.
CHECKED : esta casilla verifica si esta presionado de forma booleana ( False o True).

<Switch
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="New Switch"
android:id="@+id/switch1"
android:layout_marginTop="39dp"
android:checked="false" />

10. Toggle Button 

Este control consiste básicamente en un botón de encendido o apagado. (ON / OFF).

Este control tiene varias propiedades describiré solo algunas de ellas.

ID : esta propiedad se utiliza para identificar de forma exclusiva el elemento.
TEXT : es el texto que se vera.
TEXTSIZE : tamaño del texto.
TEXTCOLOR : el color que tendrá el texto.
FONTFAMILY : los tipos de fuente de letras para el texto.
TEXTSTYLE : son los estilos para el texto (negrita, cursiva, normal, etc).
TEXTOFF : se utiliza cuando el control esta sin uso OFF.
TEXTON : se utiliza cuando el control esta activado ON.
ONCLICK : Se asignara el nombre del método que se ejecutara al momento de presionar el botón.

<ToggleButton
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="New ToggleButton"
android:id="@+id/toggleButton"/>

Bueno esto ha sido todo por hoy y espero el contenido les haya sido de ayuda y puedan comprender un poco mas las herramientas que se usan en android para el diseño de actividades. Comparte el blog con tus amigos para promover el conocimiento y seguir aprendiendo mas. Sigue mi blog para que sigas al tanto del contenido que iré subiendo poco a poco, si tienes alguna pregunta deja tu comentario y con gusto te responderé. Gracias por tu tiempo.

Android Studio - Curso Español

Android Studio - Curso Español

No hay comentarios:

Publicar un comentario

x

Registrate!

Curso Android Español

Curso Kotlin Español

eBook Free Android Studio

Noticias y Eventos

¡Directamente a tu INBOX!

Le enviaremos nuestros recursos gratis. Para obtener nuestro contenido nuevo, únase a nuestra comunidad. No te molestaremos enviando información inútil. ¡No te pierdas ninguna actualización, mantente conectado! Recuerda verificar tu correo electronico.

Ingrese su dirección de correo electrónico:

Entregado por FeedBurner