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

Android Studio Widgets Tutorial

Continuando con la siguiente parte del los Widgets de android seguiré definiendo con conceptos básicos cada uno para que los entiendan de forma simple pero especifica.

1.ImageButton

Este control permite utilizar una imagen visual como botón para efectuar un método o una acció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).
ONCLICK : se asignara el nombre del método que se ejecutara al momento de presionar el botón.
ADJUSTVIEWBOUNDS : se utiliza esta propiedad para permitir que la imagen mantenga tamaño ajustado.
SRC : establece la ruta de donde esta ubicada la imagen que se va mostrar en el botón.

<ImageButtonandroid:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/imageButton"/>

2. ImageView
Muestra una imagen recomendable en formato png. Se deben ubicar en la carpeta de Drawable como ubicación a utilizar.

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).
ADJUSTVIEWBOUNDS : se utiliza esta propiedad para permitir que la imagen mantenga tamaño ajustado.
SRC : establece la ruta de donde esta ubicada la imagen que se va mostrar.

<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/imageView"/>

3. ProgressBar

Este control muestra el progreso de manera visual de un proceso que se esta realizando.

Algunas de las propiedades de este control son:

ID : esta propiedad se utiliza para identificar de forma exclusiva el elemento.

STYLE : define el estilo que va heredar la barra de progreso.

MAX : el numero máximo que tendrá la barra de progreso.

PROGRESS : cantidad en la que se va incrementar la barra.

Este control cuenta con el atributo style que le permite heredar varios estilos.

El progreso de la barra sera de forma grande circular.
style="?android:attr/progressBarStyleLarge"

progreso de la barra sera de manera pequeña circular.
style="?android:attr/progressBarStyleSmall"
El progreso de la barra sera horizontal.

<ProgressBar
style="?android:attr/progressBarStyleHorizontal"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/progressBar2"/>

4. SeekBar

Este control es igual al progressbar a diferencia de que cuenta con un pequeño botón de arrastre que permite mover el progreso de izquierda o hacia la derecha.

Las propiedades de este control las mas básicas son:

ID : esta propiedad se utiliza para identificar de forma exclusiva el elemento.

STYLE : define el estilo que va heredar la barra de progreso.

MAX : el numero máximo que tendrá la barra de progreso.

PROGRESS : cantidad en la que se va incrementar la barra.

<SeekBar
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/seekBar"/>

5.RatingBar

A diferencia de los dos anteriores este control muestra una clasificación con forma de estrellas donde el usuario podrá arrastrar para dar la clasificación.

Las propiedades de este control:

ID : esta propiedad se utiliza para identificar de forma exclusiva el elemento.

STYLE : define el estilo que va heredar la barra de progreso.

MAX : el numero máximo que tendrá la barra de progreso.

NUMSTARS : la cantidad de estrellas que mostrara.
RATING : la valoración que tendrá por estrella.

<RatingBar
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/ratingBar"/>

6. Spinner

Este elemento permite al usuario seleccionar de múltiples opciones. Al presionarlo se despliega de forma vertical mostrando el contenido de selección.

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.

<Spinner
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/spinner"/>

Bueno espero el contenido haya sido de tu agrado y sigas continuando con este curso de desarrollo en android si tienes dudas o sugerencias házmelo saber en los comentarios. Comparte el blog con tus amigos para promover el conocimiento y esto me ayudar a crecer a mi también para continuar compartiendo contenido con ustedes. Gracias por tu tiempo.

Android Studio - Curso Español