CONTROLES BÁSICOS II




I. Tema: Controles Básicos II
1. Contenido
               1.1        Definición
Los controles de entrada son los componentes interactivos de la interfaz de usuario de tu app. Android ofrece una gran variedad de controles que puedes usar en tu IU, como botones, campos de texto, barras de búsqueda, casillas de verificación, botones de zoom, botones de activación o desactivación y muchos más. El objetivo de este concepto es practicar la implementación de un programa que requiera controles de tipo RadioButton para seleccionar una actividad. Aprenderemos como agrupar un conjunto de RadioButton y verificar cual está seleccionado.


               1.2        Controles RadioButton, RadioGroup y CheckBox
Ø RadioButton.
Un RadioButton es uno control de selección que proporciona la interfaz de Android para permitir a los usuarios seleccionar una opción de un conjunto. Son ideales para elegir uno de varios elementos con exclusión mutua, es decir, la selección de un radio button obliga a descartar la de otro, permitiendo solo a un ítem estar activo.
Resultado de imagen para radio button en android

Ø RadioGroup.
Para disponer los controles de tipo RadioButton debemos en realidad primero insertar un control de tipo RadioGroup (este control se encuentra en la paleta de componentes en la pestaña Form Widgets). Cuando arrastramos el control RadioGroup al formulario se generan automáticamente 3 objetos de la clase RadioButton contenidos dentro del RadioGroup, podemos fácilmente identificar que los controles RadioButton pertenecen a dicho RadioGroup viendo la ventana de "Outline" del Eclipse (donde nos muestra todos los controles insertados hasta el momento). Si nuestro problema requería más de 3 RadioButton deberíamos arrastrar dentro del RadioGroup otros controles de tipo RadioButton que se encuentran también en la pestaña de "Form Widgets"

                                   Resultado de imagen para radiogroup android studio
Ø CheckBox.
En el método operar debemos definir dos if a la misma altura ya que los dos controles de tipo CheckBox pueden estar seleccionados simultáneamente. Definimos una variable de tipo String y la inicializamos con cadena vacía para el caso en que los dos CheckBox no estén seleccionados.

                 Resultado de imagen para checkbox android studio
               

              1.3        Ejemplos.
<RadioGroup
        android:id="@+id/radio"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignEnd="@+id/button2"
        android:layout_gravity="center_horizontal">

    <RadioButton
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Pizza"
        android:id="@+id/radioButton"
        android:layout_marginTop="61dp"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:checked="false"
        android:onClick="onRadioButtonClicked"/>

    <RadioButton
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hamburguesa"
        android:id="@+id/radioButton2"
        android:layout_below="@+id/radioButton"
        android:layout_centerHorizontal="true"
        android:checked="false"
        android:onClick="onRadioButtonClicked"/>

    <RadioButton
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Chino"
        android:id="@+id/radioButton3"
        android:layout_below="@+id/radioButton2"
        android:layout_centerHorizontal="true"
        android:checked="false"
        android:onClick="onRadioButtonClicked"/>

    <RadioButton
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Mexicano "
        android:id="@+id/radioButton4"
        android:layout_below="@+id/radioButton3"
        android:layout_centerHorizontal="true"
        android:checked="false"
        android:onClick="onRadioButtonClicked"/>

    <RadioButton
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Turko"
        android:id="@+id/radioButton5"
        android:layout_below="@+id/radioButton4"
        android:layout_centerHorizontal="true"
        android:checked="false"
        android:onClick="onRadioButtonClicked"/>

    </RadioGroup>


String resu="";
        if (checkBox1.isChecked()==true) {
            int suma=nro1+nro2;
            resu="La suma es: "+ suma;
        }
        if (checkBox2.isChecked()==true) {
            int resta=nro1-nro2;
            resu=resu + " La resta es: "+ resta;
        }
        tv3.setText(resu);

public void operar(View view) {
        String valor1=et1.getText().toString();
        String valor2=et2.getText().toString();
        int nro1=Integer.parseInt(valor1);
        int nro2=Integer.parseInt(valor2);
        if (r1.isChecked()==true) {
            int suma=nro1+nro2;
            String resu=String.valueOf(suma);
            tv3.setText(resu);
        } else
            if (r2.isChecked()==true) {
                int resta=nro1-nro2;
                String resu=String.valueOf(resta);
                tv3.setText(resu);               
            }
    }

2. Resumen
Un RadioButton es uno control de selección que proporciona la interfaz de Android para permitir a los usuarios seleccionar una opción de un conjunto. Son ideales para elegir uno de varios elementos con exclusión mutua, es decir, la selección de un radio button obliga a descartar la de otro, permitiendo solo a un ítem estar activo. Para disponer los controles de tipo RadioButton debemos en realidad primero insertar un control de tipo RadioGroup . Cuando arrastramos el control RadioGroup al formulario se generan automáticamente 3 objetos de la clase RadioButton contenidos dentro del RadioGroup, podemos fácilmente identificar que los controles RadioButton pertenecen a dicho RadioGroup viendo la ventana de «Outline» del Eclipse .
Si nuestro problema requería más de 3 RadioButton deberíamos arrastrar dentro del RadioGroup otros controles de tipo RadioButton que se encuentran también en la pestaña de «Form Widgets» CheckBox. En el método operar debemos definir dos if a la misma altura ya que los dos controles de tipo CheckBox pueden estar seleccionados simultaneamente.
3. Summary
A RadioButton is a selection control that provides the Android interface to allow users to select an option from a set. They are ideal to choose one of several mutually exclusive elements, that is, the selection of one radio button forces you to discard the other, allowing only one item to be active. To arrange the RadioButton type controls we must first insert a RadioGroup type control. When we drag the RadioGroup control onto the form, 3 objects of the RadioButton class contained within the RadioGroup are automatically generated, we can easily identify that the RadioButton controls belong to that RadioGroup by looking at the "Outline" window of the Eclipse.
If our problem required more than 3 RadioButton, we should drag other RadioButton controls inside the RadioGroup that are also found in the «Form Widgets» CheckBox tab. In the operating method, we must define two if at the same height since the two controls of type CheckBox can be selected simultaneously.
4. Recomendaciones
Cuando se habla del desarrollo de aplicaciones para dispositivos móviles es necesario tener en cuenta una serie de puntos acerca de la plataforma con el objetivo de garantizar la seguridad. Por defecto el sistema viene instalado con un conjunto de aplicaciones básicas como lo son el teléfono, correo, agenda de contactos y algunas más. Sin embargo cuando un desarrollador quiere crear su propia aplicación para esta plataforma debe seguir una serie de buenas prácticas al utilizar las API y el SDK provisto por Google.

Las aplicaciones para esta plataforma se encuentran desarrolladas en Java y se ejecutan dentro de una máquina virtual, y para ser instalada en el sistema se distribuyen como archivos con extensión APK.

5. Conclusiones
El tema de los controles Basicos II es uno de los temas que nos introducirán al campo de la programación de las aplicaciones móviles, con el fin de aprender crear y desarrollar aplicaciones siempre con el objetivo de dar solución a los problemas que en muchos caso  no se puede solucionar con otro tipo de métodos.

6. Apreciación del Equipo
Conocer los controles básicos II es esencial para desarrollar las aplicaciones móviles y crear nuevos horizontes aplicando nuestros conocimientos sobre todo la creatividad que nos caracteriza como jóvenes estudiantes, ya que en la actualidad las aplicaciones móviles es un bum a nivel mundial. 

7. Glosario de Términos
px   (píxeles): Estas dimensiones representan los píxeles en la pantalla.
mm  (milímetros): Distancia real medida sobre la pantalla.
in    (pulgadas): Distancia real medida sobre la pantalla.
pt    (puntos): Equivale a 1/72 pulgadas.
dp (píxeles independientes de la densidad): Presupone un dispositivo de 160 píxeles por pulgada.

8. Bibliografía o Linkografía
·        https://resoomer.com/es/
  



Comentarios

Entradas populares de este blog

Android Studio