El documento presenta información sobre estilos, shapes y diálogos en Android. Se explica cómo crear hojas de estilos usando XML para definir atributos como color de texto y fondo. También se describe cómo crear shapes drawable y referenciarlos en los estilos. Finalmente, se detalla cómo crear diálogos mediante AlertDialog.Builder para mostrar ventanas emergentes con opciones y mensajes.

1. TALLER ANDROID
PARTE 4

2. AGENDA
 Estilos
Crear la “hoja de estilos”
Shapes
Ejercicio
 Diálogos
Crear un Diálogos
Ejercicio

3. Estilos
Se sigue la misma filosofía que la CSS en el
diseño web.
El estilo es una apariencia que se aplica a una
vista
• Color de texto
• Tamaño de fuente
• Imagen de fondo
En Android el estilo se especifica en un archivo
XML

4. Estilos

5. Crear la “hoja de estilos”
 Definir un estilo se crea un archivo “styles.xml” en
res/values con el tag <resources>. Para cada estilo
se añade un tag <style>.

6. Ejercicio de estilos
 Dos estilos:
 Botón
 Fondo
<?xml version="1.0" encoding="utf-8"?>
<resources>
<style name=“MyButton"> </style>
<style name="linearLayoutBackground"> </style>
</resources>
 Primer paso: texto (android:textColor) blanco para los
botones
<item name = “atributo”>valor</item>
Colores: #RRGGBB
Rojo = #FF0000; Blanco = #FFFFFF; Negro = #000000
 Aplicando el estilo: en layout.xml
<Button style=“@style/MyButton” />

7. Shapes
 Dentro de la carpeta drawable podemos incluir
formas definidas por XML
 Estas formas pueden ser utilizadas como si fueran
imágenes
 Ubicación: res/drawable/rectangular_shape.xml

8. Ejercicio de Estilos
 Referencia shapes en XML:
http://developer.android.com/guide/topics/resources/drawab
le-resource.html#Shape
 Atributo para el estilo:
<item name="android:background">
@drawable/rectangular
</ item>

9. Diálogos
 Son ventanas que se muestran delante de las
actividades
 Muestran información u opciones en forma de pop-
up
 Para lanzar un Dialog, función showDialog( int id )
 Creación del Dialog: sobreescribir
método de Activity:
protected Dialog
onCreateDialog(int id) {
return new
AlertDialog.Builder(this).create
}

10. Ejercicio diálogos
 Mostrar diálogo: showDialog(int id)
 Crear diálogo: onCreateDialog(int id)
return new AlertDialog.Builder(this)
.setIcon(R.drawable.ic_launcher)
.setTitle("Mi diálogo")
.setMessage("Este mensaje se muestra en el diálogo")
.setPositiveButton("De acuerdo",
new DialogInterface.OnClickListener() {
public void onClick(DialogInterface dialog, int which) {
// Acción al pulsar el botón }
}).create();

11. Ejercicio diálogos
 Botón de respuesta positiva (OK):
 setPositiveButton(…)
 Botón de respuesta neutral (Volver)
 setNeutralButton(…)
 Botón de respuesta negativa (No)
 setNegativeButton(…)

12. Ejercicio diálogos
 •Usando una vista personalizada:
setView(View v)
 Definir la vista en un layout XML
 Cargar vista desde el código:
LayoutInflater factory =
LayoutInflater.from(this);
View v = factory.inflate
(R.layout.dialog_view, null);