1. Contenido
1.1. Definición
Los controles básicos de Android nos pemitirán diseñar
aplicaciones simples de manera rápida. Este grupo de controles básicos está
compuesto por los TextView, EditText, CheckBox, RadioButton, Button,
ToggleButton, ImageButton e ImageView. A continuación los describiremos
brevemente y comentaremos algunos de los parámetros principales más importantes
de cada uno.
Esquema : La interfaz de usuario de Android se puede crear en tiempo de ejecución utilizando los objetos de View / ViewGroup o puede declarar su diseño con un simple archivo XML.
1.2. Controles
Esquema : La interfaz de usuario de Android se puede crear en tiempo de ejecución utilizando los objetos de View / ViewGroup o puede declarar su diseño con un simple archivo XML.
En este vídeo, explica como se utilizan los controles básicos de Android Studio.
1.2. Controles
a) RadioButton
Los RadioButton tienen un funcionamiento similar a los checkboxes, sin
embargo su principal diferencia es que se agrupan en los llamados RadioGroups y
que en un mismo grupo sólo puede haber un RadioButton seleccionado. El resto se
desmarcan automáticamente. Con el parámetro android:text podemos asignar texto
a cada uno de los RadioButtons.
El evento más importante de un RadioButton es onCheckedChanged(RadioGroup group, int checkedId), y
permite capturar el momento en que se produce un cambio de selección en un
RadioGroup. Este tipo de control básico tiene varios métodos que se pueden usar
en la parte del código, como por ejemplo clearCheck(), que
establece que no haya ningún RadioButton seleccionado por defecto.
¿Cómo usar un RadioButton?
Los métodos que utilizaremos con este control serán:
· isChecked()
· setChecked()
El evento más importante de este control es:
· onCheckedChanged ()
¿Cómo usar un RadioButton?
b) RadioGroup
Esta clase se usa para crear un ámbito de
exclusión múltiple para un conjunto de botones de opción. Al marcar un botón de
radio que pertenece a un grupo de radio, se desmarca cualquier botón de opción
previamente seleccionado dentro del mismo grupo.
Inicialmente, todos los botones de radio están
desmarcados. Si bien no es posible desmarcar un botón de opción en particular,
el grupo de radio puede eliminarse para eliminar el estado verificado.
La selección se identifica mediante la
identificación única del botón de opción como se define en el archivo de diseño
XML.
public
class RadioGroup
extends
LinearLayout
java.lang.Object
android.view.View
android.view.ViewGroup
android.widget.LinearLayout
android.widget.RadioGroup
En el siguiente vídeo explicara RadioGroup y RadioButton.
En el siguiente vídeo explicara RadioGroup y RadioButton.
c) CheckBox
Los checkboxes son casillas que se pueden marcar o
desmarcar y que se utilizan para indicar que se ha seleccionado o
deseleccionado una opción. Por lo tanto un checkbox tiene dos estados; true
cuando está marcado y false cuando no lo está. Para saber el estado en que se
encuentra un checkbox se utiliza el método booleano isChecked(). Con el
método setChecked(boolean) se puede establecer
cualquiera de los dos estados mediante código.
El evento más importante de un checkbox es onCheckedChanged(Compound
checkview, boolean isChecked), y permite capturar el momento en que
éste cambia de estado. Compound checkview hace referencia al checkbox en sí.
¿Còmo usar RadioButton y CheckBox en Android
Los métodos que utilizaremos
con este control serán:
·
isChecked()
·
setChecked()
El evento más importante de
este control es:
·
onCheckedChanged
()
¿Còmo usar RadioButton y CheckBox en Android
Ejemplos de controladores básicos.
ü
Agregar un control de entrada a tu IU
es tan simple como agregar un elemento XML a tu diseño xml.
Por ejemplo, aquí te mostramos un diseño con un campo de texto y un botón:
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="horizontal"> <EditText android:id="@+id/edit_message" android:layout_weight="1" android:layout_width="0dp" android:layout_height="wrap_content" android:hint="@string/edit_message" /> <Button android:id="@+id/button_send" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/button_send" android:onClick="sendMessage" /> </LinearLayout>
Ejemplo 1
Optener Valor de RadioButton
La obtención del estado de un radio
button se realiza con el método isChecked() de
la superclase CompoundButton.
El retorno es booleano, donde true representa el
estado “On” y false el
estado “Off”.
RadioButton radioButton = (RadioButton)
findViewById(R.id.radio_ejemplo);
boolean
estado =
radioButton.isCheked();
Ejemplo 2
Solución del vídeo:
Crear un panel de opciones para el sexo en la sección de registro
1. Abre actividad_principal.xml y
añade una etiqueta nodo
<RadioGroup>, extendida con los valores match_parent.
Un dato
importante.
RadioGroup extiende de LinearLayout, por lo que es posible usar
el atributo android:orientation para la
alineación de los radio buttons. En este caso usaremos la constante horizontal.<?xml version="1.0" encoding="utf-8"?>
<RadioGroup
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/opciones_sexo"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:orientation="horizontal">
</RadioGroup>
2. Añade dos hijos
<RadioGroup>. Uno con la opción “Masculino” y
otro con “Femenino”.
Usa el atributo
android:checked para determinar el estado de cada radio button.<?xml version="1.0" encoding="utf-8"?>
<RadioGroup xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/opciones_sexo"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:orientation="horizontal">
<RadioButton
android:id="@+id/radio_masculino"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginRight="16dp"
android:checked="true"
android:text="Masculino" />
<RadioButton
android:id="@+id/radio_femenino"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:checked="false"
android:text="Femenino" />
</RadioGroup>
Ejemplo 3:
Proveer las opciones “Depósito directo” y “Paypal” para el tipo de
retiro del afiliado. Disparar un
Toast de alerta si la ubicación
del usuario no permite un depósito directo al presionar el botón de guardar.
Solución:
1. Crea un layout cuyo nodo principal sea un
RelativeLayout. Debido a que vas a simular la sección de un formulario usa una
etiqueta (TextView) para la sección con el texto “Opciones
de pago”.
Por debajo ubica
un
RadioGroup con dos RadioButton para las opciones que se hablaban en la descripción del
problema.
Al final adiciona
un botón debajo de estas opciones con la acción “GUARDAR”.
actividad_principal.xml
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:padding="@dimen/activity_horizontal_margin">
<TextView
android:id="@+id/etiqueta_opciones_pago"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginBottom="@dimen/activity_vertical_margin"
android:text="Opciones de pago:"
android:textAppearance="?android:attr/textAppearanceMedium" />
<RadioGroup
android:id="@+id/opciones_pago"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_below="@+id/etiqueta_opciones_pago"
android:layout_marginBottom="@dimen/activity_vertical_margin">
<RadioButton
android:id="@+id/radio_deposito"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginRight="16dp"
android:checked="true"
android:text="Depósito directo" />
<RadioButton
android:id="@+id/radio_paypal"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:checked="false"
android:text="Paypal" />
</RadioGroup>
<Button
android:id="@+id/button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/opciones_pago"
android:layout_centerHorizontal="true"
android:text="Guardar" />
</RelativeLayout>
2. Resumen
Los controladores básicos de Android Studio son
esenciales para realizar la creación de un proyecto, dado que son los
elementos principales de este.
Hoy en día Android Studio es uno de los
programas más utilizados por programadores para el desarrollo de una
aplicación (App).
En esta oportunidad solo brindamos información de
tres controles básicos, como: RadioButton, RadioGroup
y CheckBox, estos
controladores se utilizan para hacer una selección ya sea de una opción o de
otra opción, nos facilitan también a marcar o desmarcar
opciones.
3. Summary
The basic controllers of Android Studio are
essential for the creation of a project, given that they are the main elements
of this.
Nowadays Android Studio is one of the most used
programs by programmers for the development of an application (App).
In this opportunity we only provide information
of three basic controls, such as: RadioButton, RadioGroup and CheckBox, these
controllers are used to make a selection of either an option or another option,
they also facilitate us to mark or unmark options.
4. Recomendaciones
La paciencia es la clave para aprender a programar en
cualquier
lenguaje, sobre todo en Android
Puedes añadir anuncios a tus
aplicaciones, si no quieres
cobrar por ellas.
5. Conclusiones
En esta guía hemos visto:
RadioButton: Permite capturar el momento en que se
produce un cambio de selección en un RadioGroup.
RadioGroup: Marcar un botón de radio que pertenece a un
grupo de radio
En esta oportunidad hemos aprendido controladores
básicos, como manejarlos,para que sirven, y su forma de
estructura de código.
6. Glosario de Términos
RadioButton: Boton de radio
RadioGroup: Grupo de radio
CheckBox: Casilla de verificación
TextView: Un elemento de interfaz de usuario que muestra texto al usuario
RelativeLayout: Es un grupo de vista que muestra vistas secundarias en posiciones
relativas.
onCheckedChanged (): Es un evento.
isChecked(): Es un evento.
CompoundButton: Definición de interfaz para una devolución de llamada
que se invocará cuando cambie el estado comprobado de un botón compuesto.
match_parent: Establezca restricciones en cada lado para el padre.
android:orientation:
android:checked:
Diapositivas de Controles Básicos de Android Studio
7.
Bibliografía o Linkografía
No hay comentarios:
Publicar un comentario