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>

Layouts en Android - FrameLayout ,TableLayout

FrameLayout
Éste es el más simple de todos los layouts de Android. Un FrameLayout coloca todos sus controles hijos alineados con su esquina superior izquierda, de forma que cada control quedará oculto por el control siguiente (a menos que éste último tenga transparencia). Por ello, suele utilizarse para mostrar un único control en su interior, a modo de contenedor (placeholder) sencillo para un sólo elemento sustituible, por ejemplo una imagen.

1. <FrameLayout
2.    xmlns:android="http://schemas.android.com/apk/res/android"
3.    android:layout_width="fill_parent"
4.    android:layout_height="fill_parent">
6.     <EditText android:id="@+id/TxtNombre"
7.        android:layout_width="fill_parent"
8.        android:layout_height="fill_parent" />
10. </FrameLayout>

TableLayout
Un TableLayout permite distribuir sus elementos hijos de forma tabular, definiendo las filas y columnas necesarias, y la posición de cada componente dentro de la tabla.
La estructura de la tabla se define de forma similar a como se hace en HTML, es decir, indicando las filas que compondrán la tabla (objetos TableRow), y dentro de cada fila las columnas necesarias, con la salvedad de que no existe ningún objeto especial para definir una columna (algo así como un TableColumn) sino que directamente insertaremos los controles necesarios dentro del TableRow y cada componente insertado (que puede ser un control sencillo o incluso otro ViewGroup) corresponderá a una columna de la tabla. De esta forma, el número final de filas de la tabla se corresponderá con el número de elementos TableRowinsertados, y el número total de columnas quedará determinado por el número de componentes de la fila que más componentes contenga.
Por norma general, el ancho de cada columna se corresponderá con el ancho del mayor componente de dicha columna, pero existen una serie de propiedades que nos ayudarán a modificar este comportamiento:

• android:stretchColumns. Indicará las columnas que pueden expandir para absorver el espacio libre dejado por las demás columnas a la derecha de la pantalla.
• android:shrinkColumns. Indicará las columnas que se pueden contraer para dejar espacio al resto de columnas que se puedan salir por la derecha de la palntalla.
• android:collapseColumns. Indicará las columnas de la tabla que se quieren ocultar completamente.

1. <TableLayout
2.    xmlns:android="http://schemas.android.com/apk/res/android"
3.    android:layout_width="fill_parent"
4.    android:layout_height="fill_parent"
5.    android:stretchColumns="1" >
7.     <TableRow>
8.         <Button android:text="Celda 1.1" />
9.         <Button android:text="Celda 1.2" />
10.     </TableRow>
12.     <TableRow>
13.         <Button android:text="Celda 2.1" />
14.         <Button android:text="Celda 2.2" />
15.     </TableRow>
17.     <TableRow>
18.         <Button android:text="Celda 3"
19.               android:layout_span="2" />
20.     </TableRow>
22. </TableLayout>

 Fuente:http://developer.android.com/guide/topics/ui/declaring-layout.html

Layouts en Android -Relative Layout

RelativeLayout :

Define un layout donde la ubicacion de un elemento en la pantalla depende de la de otro componente por ejemplo debajo de , a la derecha de . RelativeLayout es una herramienta muy poderosa para el diseño de una interfaz de usuario, ya que puede eliminar ViewGroups anidados. Si usted se encuentra con varios grupos de  LinearLayout anidadas, usted puede ser capaz de reemplazar con una sola RelativeLayout.

1.     <?xml version="1.0" encoding="utf-8"?>  
2.     <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
3.        android:layout_width="fill_parent"  
4.        android:layout_height="fill_parent">  
5.         <TextView  
6.            android:id="@+id/label"  
7.            android:layout_width="fill_parent"  
8.            android:layout_height="wrap_content"  
9.            android:text="Type here:"/>  
10.         <EditText  
11.            android:id="@+id/entry"  
12.            android:layout_width="fill_parent"  
13.            android:layout_height="wrap_content"  
14.            android:background="@android:drawable/editbox_background"  
15.            android:layout_below="@id/label"/>  
16.         <Button  
17.            android:id="@+id/ok"  
18.            android:layout_width="wrap_content"  
19.            android:layout_height="wrap_content"  
20.            android:layout_below="@id/entry"  
21.            android:layout_alignParentRight="true"  
22.            android:layout_marginLeft="10dip"  
23.            android:text="OK" />  
24.         <Button  
25.            android:layout_width="wrap_content"  
26.            android:layout_height="wrap_content"  
27.            android:layout_toLeftOf="@id/ok"  
28.            android:layout_alignTop="@id/ok"  
29.            android:text="Cancel" />  
30.     </RelativeLayout> 

 

Algunas propiedades para colocar nuestros componentes en relacion con otro , los nombre son creo que suficientes para saber que hacen

Posición relativa a otro control:

• android:layout_above.
• android:layout_below.
• android:layout_toLeftOf.
• android:layout_toRightOf.
• android:layout_alignLeft.
• android:layout_alignRight.
• android:layout_alignTop.
• android:layout_alignBottom.
• android:layout_alignBaseline.

Posición relativa al layout padre:

• android:layout_alignParentLeft.
• android:layout_alignParentRight.
• android:layout_alignParentTop.
• android:layout_alignParentBottom.
• android:layout_centerHorizontal.
• android:layout_centerVertical.
• android:layout_centerInParent.

Opciones de margen (también disponibles para el resto de layouts):

• android:layout_margin.
• android:layout_marginBottom.
• android:layout_marginTop.
• android:layout_marginLeft.
• android:layout_marginRight.

Opciones de espaciado o padding (también disponibles para el resto de layouts):

• android:padding.
• android:paddingBottom.
• android:paddingTop.
• android:paddingLeft.
• android:paddingRight.

Layouts en Android - LinearLayout

En esta ocasion mostraré como definir un Layout Lineal en Android , mostrando sus principales propiedades, asi de como definir un Layout dentro de otro, extendiendo asi las posibilidades a la hora de diseñar nuestras interfaces.

Creando Nuestra Primera Aplicacion para Android

Asumiendo que se ha configurado el entorno de desarrollo, en esta ocasión crearemos nuestra primera aplicación Android, también conoceremos la estructura del proyecto así como la función de los directorios que lo componen. También se mostrara la manera de crear un Emulador para probar nuestras aplicaciones y como ejecutar las mismas.

¿ Porque Programas Para Android ?

¿Por qué desarrollar para Android?

• Todo el kit y herramientas de apoyo para desarrollar son gratuitas

           (Linux, Windows, Mac).
            SDK: http://developer.android.com/sdk/index.html

• No hay API escondidas o privilegiadas.

• Presencia global en crecimiento.

• Modelos de negocio: MinTIC reitera que se busca desarrollar industria de aplicaciones móviles y que se invertirán 100M USD en un fondo para esto.

• Es Open Source: http://source.android.com/

• Mercado de Aplicaciones gratuitas y pagas. (Android Market ,Samsung Apps,)

                                http://www.samsungapps.com/

                                https://market.android.com/
 

• Posibilidad de rentabilizar los proyectos

• Soporte para Flash: Única plataforma móvil que lo soporta.

 

• Posibilidad de desarrollar desde Adobe AIR

• No hay vetos a herramientas de desarrollo.

• No está atado a un único fabricante de dispositivos.

• Acceso y modificación de los componentes nativos de la plataforma.

• Posibilidad de adaptar nuevos dispositivos.

Introduccion a Android

¿Qué es Android?

Android es un sistema operativo de código abierto creado inicialmente para dispositivos móviles como     teléfonos inteligentes pero que hoy en día se encuentra en reproductores mp3  hasta en televisores y consolas de videojuego.  Android esta basado en la version 2.6 del kernel de  Linux para el sistema de servicios básicos, tales como la seguridad, la gestión de memoria, gestión de procesos.

Android Como Plataforma de Desarrollo

 

Android ofrece a los desarrolladores una plataforma de desarrollo abierta, la cual ofrece la capacidad de crear aplicaciones muy ricas e innovadoras. Los desarrolladores son libres de tomar ventaja del hardware del dispositivo, información sobre la ubicación de acceso, ejecutar servicios de fondo y mucho más.

Características:

• Brinda un Ambiente de desarrollo completo, incluyendo un emulador de dispositivos, herramientas para la depuración, la memoria y de perfiles de rendimiento.

•  La plataforma de la aplicación permite la reutilización y sustitución de componentes

• Navegador integrado basado en el motor WebKit de código abierto.

• SQLite: Un motor de bases de datos relacionales de gran alcance y ligero disponible para todas las aplicaciones.

• Cada aplicación es independiente, Se ejecuta en su propio proceso de Linux.

• Cada proceso tiene su propia maquina virtual de Java.

• Cada aplicación tiene asignado un ID de usuario de Linux .Solo ese ID de usuario tiene permisos para acceder a los archivos de la aplicación
  
  
  Arquitectura:

COMPONENTES CLASE:

• ACTIVIDADES (Activities)
• SERVICIOS      (Services)
• RECEPTOR DE BROADCAST (Broadcast Receiver )
• PROVEDORES DE CONTENIDOS ( Content Provider)

Toda Aplicación esta hecha en base a uno o más de estos componentes. Estos son iniciados por el Sistema Operativo Android cuando son requeridos.

Otras aplicaciones pueden usarlos también siempre que cumplan con permisos especificados.Cada componente fluye a través de un ciclo de vida siendo estos creados, usados, pausados y destruidos.

ACTIVIDADES (Activities)

La característica principal de un Activity es que pueden interactuar con el usuario, aunque también puede pedir datos o servicios de otras Activities por medio de Intents 

INTENTO (Intent)

Un Intent es una definición abstracta de una operacion a realizar.  Esta puede ser usada con startActivity para lanzar una Activity, broadcastIntent para enviar un mensaje a cualquier BroadcastReceiver interesado, y startService(Intent) para comunicarse con servicios en background.(segundo plano)

RECEPTOR DE BROADCAST (Broadcast Receiver )

Este es un componente cuya tarea es recibir y responder mensajes de difusión Broadcast.  Muchos de éstos mensajes se originan en el código del sistema operativo - Por ejemplo, anuncios de cambio de la zona horaria, el estado de la batería ,recepción de llamadas.

PROVEDORES DE CONTENIDOS ( Content Provider)

Un Content Provider crea un registro específico de los datos de la aplicación disponible para otras aplicaciones. Los datos pueden ser almacenados en el sistema de ficheros, en una base de datos SQLite.