TALLER ANDROID          PARTE 4
AGENDA   Estilos    Crear la “hoja de estilos”    Shapes    Ejercicio   Diálogos    Crear un Diálogos    Ejercicio
EstilosSe sigue la misma filosofía que la CSS en eldiseño web.El estilo es una apariencia que se aplica a unavista  •   Co...
Estilos
Crear la “hoja de estilos”   Definir un estilo se crea un archivo “styles.xml” en    res/values con el tag <resources>. P...
Ejercicio de estilos   Dos estilos:       Botón       Fondo          <?xml version="1.0" encoding="utf-8"?>          <r...
Shapes   Dentro de la carpeta drawable podemos incluir    formas definidas por XML   Estas formas pueden ser utilizadas ...
Ejercicio de Estilos   Referencia shapes en XML:    http://developer.android.com/guide/topics/resources/drawab    le-reso...
Diálogos   Son ventanas que se muestran delante de las    actividades   Muestran información u opciones en forma de pop-...
Ejercicio diálogos   Mostrar diálogo: showDialog(int id)   Crear diálogo: onCreateDialog(int id)     return new AlertDia...
Ejercicio diálogos   Botón de respuesta positiva (OK):       setPositiveButton(…)   Botón de respuesta neutral (Volver)...
Ejercicio diálogos   •Usando una vista personalizada:    setView(View v)   Definir la vista en un layout XML   Cargar v...
Próxima SlideShare
Cargando en…5
×

Taller Android UTPL: Estilos y Diálogos

3.048 visualizaciones

Publicado el

0 comentarios
0 recomendaciones
Estadísticas
Notas
  • Sé el primero en comentar

  • Sé el primero en recomendar esto

Sin descargas
Visualizaciones
Visualizaciones totales
3.048
En SlideShare
0
De insertados
0
Número de insertados
593
Acciones
Compartido
0
Descargas
24
Comentarios
0
Recomendaciones
0
Insertados 0
No insertados

No hay notas en la diapositiva.

Taller Android UTPL: Estilos y Diálogos

  1. 1. TALLER ANDROID PARTE 4
  2. 2. AGENDA Estilos Crear la “hoja de estilos” Shapes Ejercicio Diálogos Crear un Diálogos Ejercicio
  3. 3. EstilosSe sigue la misma filosofía que la CSS en eldiseño web.El estilo es una apariencia que se aplica a unavista • Color de texto • Tamaño de fuente • Imagen de fondoEn Android el estilo se especifica en un archivoXML
  4. 4. Estilos
  5. 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. 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. 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. 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. 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. 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. 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. 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);

×