Controles Basicos II [EditText , TextView ,RadioButton,CheckBox]

EditText

Un EditText es una caja de texto ,es el componente de edición de texto que proporciona la plataforma Android. Permite la introducción y edición de texto por parte del usuario.

1. <EditText android:id="@+id/cajaNombre"
2.   android:layout_width="fill_parent"
3.   android:layout_height="wrap_content"
4. />

TextView

son etiquetas de texto ,se utiliza para mostrar un determinado texto al usuario. Al igual que en el caso de los botones, el texto del control se establece mediante la propiedad android:text="Hola Mundo"

1. <TextView android:id="@+id/etiquetaSaludo"
2.    android:layout_width="fill_parent"
3.    android:layout_height="wrap_content"
4.    android:text="Hola Mundo"
6. />

RadioButton

son controles de seleccion ,puede estar marcado o desmarcado, pero en este caso suelen utilizarse dentro de un grupo de opciones donde una, y sólo una, de ellas debe estar marcada obligatoriamente

1. <RadioGroup android:id="@+id/grupoRadios"
2.    android:orientation="vertical"
3.    android:layout_width="fill_parent"
4.    android:layout_height="fill_parent" >
6.     <RadioButton android:id="@+id/radio1"
7.        android:layout_width="wrap_content"
8.        android:layout_height="wrap_content"
9.        android:text="Opción 1" />
11.     <RadioButton android:id="@+id/radio2"
12.        android:layout_width="wrap_content"
13.        android:layout_height="wrap_content"
14.        android:text="Opción 2" />
16. </RadioGroup>
     

 En este la escuchadora usada para saber cual esta seleccionada es la siguiente

1. grupoRadios.setOnCheckedChangeListener(
2.     new RadioGroup.OnCheckedChangeListener() {
3.         public void onCheckedChanged(RadioGroup group, int checkedId) {
4.             lblMensaje.setText("ID opcion seleccionada: " + checkedid);
5.         }
6. });

 la escuchadora esta asociada al grupo de radios , en este caso mostraremos en un TextView el id del radio seleccionado

CheckBox

 
se suele utilizar para marcar o desmarcar opciones en una aplicación.

1. <CheckBox android:id="@+id/chBoxOpcion"
2.    android:layout_width="wrap_content"
3.    android:layout_height="wrap_content"
4.    android:text="Selecciona" />

 La escuchadora que se usa para saber que hacer si esta seleccionado o no es la siguiente

1. chBoxOpcion.setOnCheckedChangeListener(
2.     new CheckBox.OnCheckedChangeListener() {
3.         public void onCheckedChanged(CompoundButton buttonView,boolean isChecked) {
4.             if (isChecked) {
5.                 cb.setText("Checkbox Marcado!");
6.             }
7.             else {
8.                 cb.setText("Checkbox desMarcado!");
9.         }
10.     }
11. });

Plantilla de Drawing para diseñar UI para apps

https://docs.google.com/drawings/d/137CRTd8sgIkJrSFhBx8waQlTGrcribwbRAWv_QqUCZQ/edit?hl=es

Controles basicos en Android : Button e ImageView

Controles Basicos en Android

• Botones  

o    Button : Button es el botón más básico que podemos utilizar. En el ejemplo siguiente definimos un botón con el texto “Púlsame” asignando su propiedad android:text. Además de esta propiedad podríamos utilizar muchas otras como el color de fondo (android:background), estilo de fuente (android:typeface), color de fuente (android:textcolor), tamaño de fuente (android:textSize) 

  <Button android:text="Pulsame"

android:id="@+id/buttonPulsame"

android:layout_gravity="top"

android:layout_height="wrap_content"

android:layout_width="match_parent"

> 

</Button>

• ToggleButton: ToggleButton es un tipo de botón que puede permanecer en dos estados, pulsado/no_pulsado. En este caso, en vez de definir un sólo texto para el control definiremos dos, dependiendo de su estado

<ToggleButton

android:textOn="ON"

android:textOff="OF"

android:id="@+id/toggleButton"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

> 

</ToggleButton>

• ImageButton: En un control de tipo ImageButton podremos definir una imagen a mostrar en vez de un texto, para lo que deberemos asignar la propiedad android:src. Normalmente asignaremos esta propiedad con el descriptor de algún recurso que hayamos incluido en la carpeta /res/drawable.

<ImageButton

android:src="@drawable/icon"

android:id="@+id/imageButtonIcon"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

> 

</ImageButton>

Eventos

//Para Button e ImageButton

  

btnButtonPulsame.setOnClickListener(new View.OnClickListener() {

@Override

public void onClick(View arg0)

{

//lo que queremos que pase cuando se pulse

}

});

//para ToggleButton

toggleButton.setOnClickListener(new View.OnClickListener() {

@Override

public void onClick(View arg0)

{

if(btnBoton2.isChecked())

//lo que queremos que haga cuando este pulsado

else

//lo que queremos que haga cuando no este pulsado

}

});

 

• ·         Imágenes

• ImageView: El control ImageView permite mostrar imágenes en la aplicación. La propiedad más interesante es android:src, que permite indicar la imagen a mostrar. Nuevamente, lo normal será indicar como origen de la imagen el identificador de un recurso de nuestra carpeta /res/drawable
• <ImageView
  android:id="@+id/imageViewIcono"
  android:src="@drawable/android"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  > 
  </ImageView>