INTERFAZ DE USUARIO ANDROID

LAYOUTS:
Son elementos no visuales destinados a controlar la distribucin, posicin y
dimensiones de los controles que se insertan en su interior. Estos componentes
extienden a la clase base ViewGroup, como muchos otros componentes
contenedores, es decir, capaces de contener a otros controles. A continuacin se
describe los Layouts ms utilizados en Android.
1. FrameLayout.
ste es el ms 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. Por ello, suele utilizarse para
mostrar un nico control en su interior, a modo de contenedor (placeholder)
sencillo.
Los componentes incluidos en un FrameLayout podrn establecer sus propiedades
android:layout_width y android:layout_height, que podrn tomar los valores
match_parent o wrap_content.
Ejemplo:

<FrameLayout
xmlns:android="http://sche
mas.android.com/apk/res/andr
1oid"
2 android:layout_width="matc
3h_parent"
4 android:layout_height="mat
5ch_parent">
6
7 <EditText
8android:id="@+id/TxtNombre"
9
android:layout_width="m
1atch_parent"
0
android:layout_height="
1match_parent"
1
android:inputType="text"
/>
</FrameLayout>

Con el cdigo anterior conseguimos un layout tan sencillo como el siguiente:

2. LinearLayout
Este layout apila uno tras otro todos sus elementos hijos en sentido horizontal o
vertical segn se establezca su propiedad android:orientation.

Al igual que en un FrameLayout, los elementos contenidos en un LinearLayout

pueden

establecer

sus

propiedades android:layout_width y

android:layout_height para determinar sus dimensiones dentro del layout.

1
2
3
<LinearLayout
4
xmlns:android="http://schemas.android.com/apk/r
5
es/android"
6
android:layout_width="match_parent"
7
android:layout_height="match_parent"
8
android:orientation="vertical">
9
1
<EditText android:id="@+id/TxtNombre"
0
android:layout_width="match_parent"
1
android:layout_height="match_parent" />
1
1
<Button android:id="@+id/BtnAceptar"
2
android:layout_width="wrap_content"
1
android:layout_height="match_parent" />
3
1
</LinearLayout>
4
1
5
Pero en el caso de un LinearLayout, tendremos otro parmetro con el que jugar, la
propiedad android:layout_weight. Esta propiedad nos va a permitir dar a los
elementos contenidos en el layout unas dimensiones proporcionales entre ellas. Si
incluimos en un LinearLayout vertical dos cuadros de texto (EditText) y a uno de
ellos
le
establecemos
un layout_weight=1 y
al
otro
un layout_weight=2conseguiremos como efecto que toda la superficie del layout
quede ocupada por los dos cuadros de texto y que adems el segundo sea el doble
(relacin entre sus propiedades weight) de alto que el primero.
1. <LinearLayout
2. xmlns:android="http://schemas.android.com/apk/res/android"
3. android:layout_width="match_parent"
4. android:layout_height="match_parent"
5. android:orientation="vertical">
6. <EditText android:id="@+id/TxtDato1"
7. android:layout_width="match_parent"
8. android:layout_height="match_parent"
9. android:inputType="text"
10. android:layout_weight="1" />
11. <EditText android:id="@+id/TxtDato2"
12. android:layout_width="match_parent"
13. android:layout_height="match_parent"
14. android:inputType="text"
15. android:layout_weight="2" />
16. </LinearLayout>
Con el cdigo anterior conseguiramos un layout como el siguiente:

3. TableLayout
Un TableLayout permite distribuir sus elementos hijos de forma tabular, definiendo
las filas y columnas necesarias, y la posicin 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 compondrn la tabla (objetos TableRow), y dentro de
cada fila las columnas necesarias, con la salvedad de que no existe ningn objeto
especial para definir una columna sino que directamente insertaremos los controles
necesarios dentro del TableRow y cada componente insertado corresponder a una
columna de la tabla. De esta forma, el nmero final de filas de la tabla se
corresponder con el nmero de elementos TableRow insertados, y el nmero total
de columnas quedar determinado por el nmero de componentes de la fila que
ms 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 ayudarn a modificar este comportamiento:

android:stretchColumns. Indicar las columnas que pueden expandir para

absorver el espacio libre dejado por las dems 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.

Otra

caracterstica

importante

es

la

posibilidad

de

que

una

celda

determinada pueda ocupar el espacio de varias columnas de la tabla

(anlogo al atributo colspan de HTML). Esto se indicar mediante la
propiedad android:layout_span del componente concreto que deber tomar
dicho espacio.
1
2
3
<TableLayout
4
xmlns:android="http://schemas.android
5
.com/apk/res/android"
6
android:layout_width="match_parent"
7
android:layout_height="match_parent"
8
>
9
1
<TableRow>
0
<TextView android:text="Celda 1.1"
1
/>
1
<TextView android:text="Celda 1.2"
1
/>
2
<TextView android:text="Celda 1.3"
1
/>
3
</TableRow>
1
4
<TableRow>
1
<TextView android:text="Celda 2.1"
5
/>
1
<TextView android:text="Celda 2.2"
6
/>
1
<TextView android:text="Celda 2.3"
7
/>
1
</TableRow>
8
1
<TableRow>
9
<TextView android:text="Celda 3.1"
2
android:layout_span="2" />
0
<TextView android:text="Celda 3.2"
2
/>
1
</TableRow>
2
</TableLayout>
2
2
3

El layout resultante del cdigo anterior sera el siguiente:

4. GridLayout
GridView es un ViewGroup que muestra elementos de una, rejilla desplazable de
dos dimensiones. Los elementos de la cuadrcula se insertan automticamente al
trazado utilizando un ListAdapter. Para una introduccin a cmo se puede insertar
de forma dinmica vistas utilizando un adaptador.

5. RelativeLayout
Este layout permite especificar la posicin de cada elemento de forma relativa a su
elemento padre o a cualquier otro elemento incluido en el propio layout. De esta
forma, al incluir un nuevo elemento X podremos indicar por ejemplo que debe
colocarse debajo del elemento Y ya lineado a la derecha del layout padre.

<RelativeLayout
1
xmlns:android="http://schemas.android.com/ap
2
k/res/android"
3
android:layout_width="match_parent"
4
android:layout_height="match_parent" >
5
6
<EditText android:id="@+id/TxtNombre"
7
android:layout_width="match_parent"
8
android:layout_height="wrap_content"
9
android:inputType="text" />
10
11
<Button android:id="@+id/BtnAceptar"
12
android:layout_width="wrap_content"
13
android:layout_height="wrap_content"
14
android:layout_below="@id/TxtNombre"
15
android:layout_alignParentRight="true" />
16
</RelativeLayout>

En

el

ejemplo,

el

botn Btn

Aceptar se

colocar

debajo

del

cuadro

de

textoTxtNombre (android:layout_below=@id/TxtNombre) y alineado a la derecha

del layout padre (android:layout_alignParentRight=true), Quedara algo as:

Al igual que estas tres propiedades, en un RelativeLayout tendremos un sin fn de

propiedades para colocar cada control justo donde queramos. Veamos las
principales
Posicin 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

Posicin 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

WIDGETS

Los widgets son una parte esencial de la personalizacin de la pantalla de inicio.

Puedes imaginarlos como vistas de un vistazo de los datos ms importantes de tu
app y que es fundamental que sea accesible desde la pantalla de inicio del usuario.
CONTROLES DE ENTRADA
Los controles de entrada son los componentes interactivos de la interfaz de usuario
de su aplicacin. Android ofrece una amplia variedad de controles que puede utilizar

en la interfaz de usuario, como botones, campos de texto, buscar bares, casillas de

verificacin, botones de zoom, botones de conmutacin, y muchos ms.

Common Controls.- Controles comunes que se pueden utilizar

1. TEXTVIEW
Un TextView muestra de texto para el usuario y opcionalmente les permite editarlo.
Un TextView es un editor de texto completo, sin embargo, la clase bsica est
configurado para no permitir la edicin.
2. LARGE, MEDIUM, SMALL TEXT
Son textos estticos de la subclase de TextView que posibilita editar un atributo que
define el tamao de la fuente. Su propsito es informar o guiar el recorrido en la
aplicacin. Su equivalente XML es el componente <TextView>

3. BUTTON

Un botn consiste en texto o un icono (o texto y un icono) que comunica lo que se

produce la accin cuando el usuario toca.

En funcin de si desea un botn con el texto, un icono, o ambos, puede crear el

botn en su diseo de tres maneras:
o

Con el texto, usando el Button la clase:

<Button
android:layout_width = "wrap_content"
android:layout_height = "wrap_content"
android:text = "@string/button_text"
... />

o Con un icono, con el ImageButton clase:

<ImageButton
android:layout_width = "wrap_content"
android:layout_height = "wrap_content"
android:src = "@drawable/button_icon"
... />
o Con texto y un icono, usando el Button clase con el androide:
drawableLeft atributo:

<Button
android:layout_width = "wrap_content"
android:layout_height = "wrap_content"
android:text = "@string/button_text"
android:drawableLeft = "@drawable/button_icon"
... />
4. RADIO BUTTONS
Los Radio Buttons permiten al usuario seleccionar una opcin de un conjunto. Usted
debe utilizar los botones de opcin para conjuntos opcionales que son mutuamente
excluyentes si usted piensa que el usuario necesita para ver todas las opciones
disponibles de lado a lado.

5.
Para crear cada opcin de botn de opcin, cree un RadioButton en su diseo. Sin
embargo, ya que los botones de radio son mutuamente excluyentes, debe
agruparlos dentro de un RadioGroup. Al agrupar juntos, el sistema asegura que slo
un botn de opcin se puede seleccionar a la vez.
6. CHECKBOXES

Las CHECKBOXES permiten al usuario seleccionar una o ms opciones de un

conjunto. Por lo general, usted debe presentar cada opcin casilla en una lista
vertical.

Para crear cada opcin casilla, crear un CheckBox en su diseo. Debido a una serie
de opciones de casilla de verificacin permite al usuario seleccionar varios
elementos, cada casilla se gestiona por separado y debe registrar un clic de
escucha para cada uno.
7. TOGGLE BUTTONS
Un Toggle Buttons permite al usuario cambiar un ajuste entre dos estados. Se puede
agregar un botn bsica de palanca a su disposicin con el ToggleButton objeto.
Android 4.0 (nivel de API 14) introduce otro tipo de botn de activacin llama un
SWITCH que proporciona un control deslizante, que puede agregar con un
interruptor de objeto.
Si necesita cambiar el estado de un botn usted mismo, usted puede utilizar los
CompoundButton.setChecked () o CompoundButton.toggle () mtodos.

8. SPINNERS
Spinners proporcionan una manera rpida para seleccionar un valor de un conjunto.
En el estado por defecto, una ruleta muestra su valor seleccionado. Al tocar el
spinner muestra un men desplegable con todos los valores disponibles, de las
cuales el usuario puede seleccionar uno nuevo

Usted puede agregar un control de giro a su diseo con la Spinner objeto. Por
regla general deber hacerlo en su diseo de XML con
un <Spinner> elemento. Por ejemplo:

<Spinner
android:id = "@+id/planets_spinner"

android:layout_width = "fill_parent"
android:layout_height = "wrap_content" />

Para rellenar la ruleta con una lista de opciones, entonces usted necesidad de
especificar un SpinnerAdapter en su Activity o Fragment de cdigo fuente.

9. IMAGEVIEW
Muestra una imagen arbitraria, tal como un icono. La clase ImageView puede cargar
imgenes de diversas fuentes (por ejemplo, los recursos o los proveedores de
contenido), se encarga de calcular su medicin de la imagen para que pueda ser
utilizado en cualquier controlador de distribucin, y ofrece diversas opciones de
visualizacin, como la escala y tintado.
10.PROGRESSBAR
Indicador visual del progreso de alguna operacin. Muestra una barra para el
usuario que representa hasta qu punto ha avanzado la operacin; la aplicacin
puede cambiar la cantidad de progreso (modificacin de la longitud de la barra) a
medida que avanza. Tambin hay un progreso en el boton secundario en una barra
de progreso que es til para mostrar el progreso intermedio, tales como el nivel de
amortiguacin durante una barra de progreso de la reproduccin en streaming.
Una barra de progreso tambin se puede hacer indeterminado. En el modo
indeterminado, la barra de progreso muestra una animacin cclica y sin una
indicacin de progreso. Este modo es utilizado por las aplicaciones cuando se
desconoce la duracin de la tarea. La barra de progreso indeterminada puede ser
una rueca o una barra horizontal.
El ejemplo de cdigo siguiente se muestra cmo una barra de progreso se puede
utilizar desde un subproceso de trabajo para actualizar la interfaz de usuario para
notificar al usuario del progreso:

public class MyActivity extends Activity {

private static final int PROGRESS = 0x1;
private ProgressBar mProgress;
private int mProgressStatus = 0;
private Handler mHandler = new Handler();
protected void onCreate(Bundle icicle) {
super.onCreate(icicle);
setContentView(R.layout.progressbar_activity);
mProgress = (ProgressBar) findViewById(R.id.progress_bar);
// Start lengthy operation in a background thread

new Thread(new Runnable() {

public void run() {
while (mProgressStatus < 100) {
mProgressStatus = doWork();
// Update the progress bar
mHandler.post(new Runnable() {
public void run() {
mProgress.setProgress(mProgressStatus);
}
});
}
}
}).start();
}
}
Otros
o
o
o
o
o
o

estilos de barra de progreso que ofrece el sistema son:

Widget.ProgressBar.Horizontal
Widget.ProgressBar.Small
Widget.ProgressBar.Large
Widget.ProgressBar.Inverse
Widget.ProgressBar.Small.Inverse
Widget.ProgressBar.Large.Inverse

11.RATINGBAR
Un RatingBar es una extensin de SeekBar y ProgressBar que muestra una
clasificacin de estrellas. El usuario puede tocar / arrastre o utilizar las teclas de
flecha para ajustar la calificacin cuando se utiliza el RatingBar tamao
predeterminado. El estilo ms pequeo RatingBar (ratingBarStyleSmall) y el estilo
del indicador slo ms grande (ratingBarStyleIndicator) no son compatibles con la
interaccin del usuario y slo deben utilizarse como indicadores.
Cuando se utiliza un RatingBar que soporta la interaccin del usuario, la colocacin
de widgets a la izquierda o a la derecha del RatingBar se desanime.
12.SEEKBAR
Un SeekBar es una extensin de ProgressBar que aade un pulgar pueda arrastrar.
El usuario puede tocar el pulgar y arrastre hacia la izquierda o la derecha para
ajustar el nivel de progreso actual o utilice las teclas de flecha. La colocacin de los
widgets enfocables a la izquierda oa la derecha de un SeekBar no se recomienda.
Clientes del SeekBar puede adjuntar una SeekBar.OnSeekBarChangeListener para
ser notificados de las acciones del usuario
13. WEBVIEW
Una visin que muestra las pginas web. Esta clase es la base sobre la que se
puede rodar su propio navegador web o simplemente mostrar algunos contenidos
en lnea dentro de su actividad. Utiliza el motor de renderizado WebKit para mostrar
las pginas web e incluye mtodos para navegar hacia adelante y hacia atrs a
travs de una historia, acercar y alejar, realizar bsquedas de texto y ms. Tenga en
cuenta que, para que su actividad para acceder a las pginas web de Internet y de
carga en un WebView, debe agregar los permisos de Internet a su archivo de
Android Manifiesto:
<uses-permission android:name="android.permission.INTERNET" />

 TEXT FIELDS
Un campo de texto le permite al usuario escribir texto en su aplicacin. Puede ser
una sola lnea o de varias lneas. Si toca un campo de texto coloca el cursor y
muestra automticamente el teclado. Adems de escribir, los campos de texto
permiten una variedad de otras actividades, como la seleccin de texto (cortar,
copiar, pegar) y datos de consulta a travs de auto-realizacin.
Entre los text fileds que podemos encontrar estn: Plain Text, Person Name,
Password, Password(Numeric), E-mail, Phone, Postal Address, Multiline
Text, Time, Date, Number, Number(Signed), Number(decimal).
DATA & TIME
1. TEXTCLOCK
TextClock puede mostrar la fecha y / o hora actual como una cadena con formato.
Este punto de vista hace honor a la configuracin del sistema de formato de 24
horas. Como tal, es posible y recomendable para proporcionar dos patrones de
formato diferentes: uno para mostrar la fecha / hora en el modo de 24 horas y uno
para mostrar la fecha / hora en el modo de 12 horas. La mayora de las personas
que llaman se quieren utilizar los valores por defecto, sin embargo, que ser
apropiado para la configuracin regional del usuario.
Es posible determinar si el sistema est actualmente en modo de 24-horas
llamando is24HourModeEnabled ().
2. ANALOGCLOCK
Este widget de mostrar un reloj analgico con dos manos de horas y minutos.
3. DIGITALCLOCK
Like AnalogClock, but digital. Shows seconds
4. CHRONOMETER
Clase que implementa un contador de tiempo simple.
Puede darle una hora de inicio en la base de tiempo elapsedRealtime (), y que
cuenta a partir de eso, o si no se le da un tiempo de base, se utilizar el tiempo en
el que se llama a start (). Por defecto se mostrar el valor actual del temporizador
en la forma "MM: SS" o "H: MM: SS", o puede utilizar setFormat (String) para
formatear el valor del temporizador en una cadena arbitraria.
5. Pickers
Android proporciona controles para que el usuario elija un tiempo o elegir una fecha
como dilogos y listas para su uso. Cada selector proporciona controles para la
seleccin de cada parte del tiempo (horas, minutos, AM / PM) o la fecha (mes, da,
ao). El uso de estos recolectores de ayuda a asegurar que los usuarios pueden
elegir una fecha o la hora que sea vlido, el formato correcto y ajustado a la
configuracin regional del usuario.

Le recomendamos que use DialogFragment para acoger cada vez o selector de

fechas. El DialogFragment gestiona el ciclo de vida de dilogo para usted y le
permite mostrar los recolectores en diferentes configuraciones de diseo, como en
un dilogo bsico en telfonos o como una parte incorporada de la disposicin en
las pantallas grandes.

Aunque DialogFragment fue introducido primero en la plataforma de Android 3.0

(nivel de API 11), si su aplicacin es compatible con las versiones de Android tienen
ms de 3,0, incluso tan bajas como Android 1.6 puede utilizar el DialogFragment
clase que est disponible en la biblioteca de soporte para la compatibilidad con
versiones anteriores .
Nota: Los ejemplos de cdigo siguientes muestran cmo crear cuadros de dilogo
para un selector de tiempo y selector de fecha utilizando las bibliotecas de soporte
API para DialogFragment. Si de su aplicacin minSdkVersion es 11 o superior, en su
lugar puede utilizar la versin de la plataforma de DialogFragment.
Creacin de un Selector de Tiempo
Para mostrar una TimePickerDialog usando DialogFragment, es necesario definir una
clase fragmento que se extiende DialogFragment y devolver una TimePickerDialog
partir del fragmento onCreateDialog () mtodo.
Nota: Si su aplicacin es compatible con las versiones de Android anteriores a 3.0,
asegrese de que haya configurado su proyecto Android con la biblioteca de
soporte como se describe en Configuracin de un proyecto para utilizar una
biblioteca.
Extendiendo DialogFragment para un selector de tiempo
Para definir un DialogFragment para un TimePickerDialog, usted debe:
Definir el onCreateDialog () mtodo para devolver una instancia de
TimePickerDialog
Implementar el TimePickerDialog.OnTimeSetListener interfaz para recibir una
devolucin de llamada cuando el usuario establece el tiempo.
He aqu un ejemplo:
public static class TimePickerFragment extends DialogFragment
implements TimePickerDialog.OnTimeSetListener {
@Override
public Dialog onCreateDialog(Bundle savedInstanceState) {
// Use the current time as the default values for the picker
final Calendar c = Calendar.getInstance();
int hour = c.get(Calendar.HOUR_OF_DAY);
int minute = c.get(Calendar.MINUTE);
// Create a new instance of TimePickerDialog and return it
return new TimePickerDialog(getActivity(), this, hour, minute,
DateFormat.is24HourFormat(getActivity()));
}
public void onTimeSet(TimePicker view, int hourOfDay, int minute) {
// Do something with the time chosen by the user
}
}

Ver el TimePickerDialog clase de informacin sobre los argumentos del constructor.

Ahora todo lo que necesita es un evento que agrega una instancia de este
fragmento de su actividad.
Mostrando el selector de tiempo
Una vez que haya definido una DialogFragment como la que se muestra ms arriba,
se puede visualizar el selector de tiempo mediante la creacin de una instancia de
la DialogFragment y llamar a show ().
Por ejemplo, aqu hay un botn que, al hacer clic, llama a un mtodo para mostrar
el cuadro de dilogo:
<Button
android:layout_width = "wrap_content"
android:layout_height = "wrap_content"
android:text = "@string/pick_time"
android:onClick = "showTimePickerDialog" />
Cuando el usuario hace clic en este botn, el sistema llama el mtodo siguiente:
public void showTimePickerDialog ( View v ) {
DialogFragment newFragment = new TimePickerFragment ();
newFragment . show ( getSupportFragmentManager (), "timePicker" );
}
Este mtodo llama () muestra en una nueva instancia de la DialogFragment definido
anteriormente. El show () mtodo requiere una instancia de FragmentManager y un
nombre de etiqueta nica para el fragmento.
Precaucin: Si su aplicacin es compatible con las versiones de Android inferiores a
3.0, asegrese de que usted llama getSupportFragmentManager () para adquirir una
instancia de FragmentManager. Tambin asegrese de que su actividad que
muestra el selector de tiempo se extiende FragmentActivity lugar de la norma
Actividad clase.
Creacin de un Selector de Fecha
Crear un DatePickerDialog es como crear un TimePickerDialog. La nica diferencia
es el dilogo que cree para el fragmento.
Para mostrar una DatePickerDialog usando DialogFragment, es necesario definir una
clase fragmento que se extiende DialogFragment y devolver una DatePickerDialog
partir del fragmento onCreateDialog () mtodo.
Nota: Si su aplicacin es compatible con las versiones de Android anteriores a 3.0,
asegrese de que haya configurado su proyecto Android con la biblioteca de
soporte como se describe en Configuracin de un proyecto para utilizar una
biblioteca.
Extendiendo DialogFragment para un selector de fechas
Para definir un DialogFragment para un DatePickerDialog, usted debe:
Definir el onCreateDialog () mtodo para devolver una instancia de
DatePickerDialog
Implementar el DatePickerDialog.OnDateSetListener interfaz para recibir una
devolucin de llamada cuando el usuario establece la fecha.

public static class DatePickerFragment extends DialogFragment

implements DatePickerDialog.OnDateSetListener {
@Override
public Dialog onCreateDialog(Bundle savedInstanceState) {
// Use the current date as the default date in the picker
final Calendar c = Calendar.getInstance();
int year = c.get(Calendar.YEAR);
int month = c.get(Calendar.MONTH);
int day = c.get(Calendar.DAY_OF_MONTH);
// Create a new instance of DatePickerDialog and return it
return new DatePickerDialog(getActivity(), this, year, month, day);
}
public void onDateSet(DatePicker view, int year, int month, int day) {
// Do something with the date chosen by the user
}
}

Ver el DatePickerDialog clase de informacin sobre los argumentos del constructor.

Ahora todo lo que necesita es un evento que agrega una instancia de este
fragmento de su actividad.
Mostrando el selector de fechas
Una vez que haya definido una DialogFragment como la que se muestra ms arriba,
se puede visualizar el selector de fecha mediante la creacin de una instancia de la
DialogFragment y llamar a show ().
Por ejemplo, aqu hay un botn que, al hacer clic, llama a un mtodo para mostrar
el cuadro de dilogo:
<Button
android:layout_width = "wrap_content"
android:layout_height = "wrap_content"
android:text = "@string/pick_date"
android:onClick = "showDatePickerDialog" />
Cuando el usuario hace clic en este botn, el sistema llama el mtodo siguiente:
public void showDatePickerDialog ( View v ) {
DialogFragment newFragment = new DatePickerFragment ();
newFragment . show ( getSupportFragmentManager (), "datePicker" );
}
Este mtodo llama () muestra en una nueva instancia de la DialogFragment definido
anteriormente. El show () mtodo requiere una instancia de FragmentManager y un
nombre de etiqueta nica para el fragmento.

http://developer.android.com/intl/es/reference/android/widget/packagesummary.html
http://www.sgoliver.net/blog/interfaz-de-usuario-en-android-layouts/