Diferencia entre revisiones de «Usuario:ManuelRomero/Android/Interfaz/elementos»

Revisión de 11:07 12 dic 2012

DESARROLLO DE APLICACIONES CON ANDROID SDK

Contenido

• 1 Diseño de interfaz de usuario
  • 1.1 Introducción
  • 1.2 android.view.View
  • 1.3 android.widget
  • 1.4 acceder a un componente en código
  • 1.5 TextView
  • 1.6 Atributos especiales de TextView
  • 1.7 Unidades de medida de los atributos
  • 1.8 android:autoLinck
  • 1.9 EditText
  • 1.10 Spinner
  • 1.11 Button
  • 1.12 Checkbox
  • 1.13 ToggleButton
  • 1.14 Switch
  • 1.15 RadioButton
  • 1.16 Fechas y horas
  • 1.17 ProgressBar
  • 1.18 SeekBar
  • 1.19 RatingBar
  • 1.20 Chronometer

Diseño de interfaz de usuario

Elementos básicos | Intent |  Layout | Contenedores | Menú | practica

Introducción

• Si hablamos de aplicaciones android para móviles y tablets, casi inevitablemente estamos hablando de aplicaciones de interfaz gráfica.
• Es una parte muy importante y muy trabajada para enfocar el desarrollo.

android.view.View

• La clase base para construir elementos gráficos es android.view.View
• Representa un área rectangular en la pantalla
• Es la clase base para la mayoría de los controles y diseños de interfaz de usuario dentro de Android SDK

android.widget

• Referencia

http://developer.android.com/reference/android/widget/package-summary.html

• Es un paquete que contiene la mayoría de los los controles gráficos para usar en nuestro interfaz gráfico
• Todos estos controles normalmente derivan de la clase android.view.View
• Algunas clases de este paquete que deberíamos conocer

Button, CheckBox,RadioButton. Spinner, ImageButton, TextView, EditText, AnalogClock, DigitalClock, CalendarView, DatePiker, Filter, Gallery,VideoView AbsoluteLayout, FrameLayout, GridLayout, TableLayout, RelativeLayout ProgressBar, TabHost, Toast

acceder a un componente en código

1. identificaarlo en el diseño android:id
2. podremos acceder a él por el método findViewById()

• Ejemplo quiere acceder a un texto

1. En el fichero xml

<TextView
 android:id="tNombre">
</TextView>

1. En el código

TextView nombre = (TextView)findViewById(R.id.tNombre);

TextView

• Referenica

http://developer.android.com/reference/android/widget/TextView.html 

• Representa un texto escrito en pantalla; sería un típico label o etiqueta
• Deriva de la clase View
• Definido en el paquete android.widget

Atributos especiales de TextView

Typeface

Es el tipo de letra

android:typeface={normal|sans|serif|monospace}

Ejemplo

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical" >
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:text="Texto de tipo normal"
        android:textSize="20dp"
        android:typeface="normal" />
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:typeface="sans"
        android:textSize="20dp"
        android:text="Texto de tipo sans"
        />
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:typeface="serif"
        android:textSize="20dp"
        android:text="Texto de tipo serif"
        />
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:typeface="monospace"
        android:textSize="20dp"
        android:text="Texto de tipo monospace"
        />
</LinearLayout>

[[image:textView_typeface.png}}

textStyle

Es el tipo de letra

Ejemplo

Unidades de medida de los atributos

• Son muchas las unidades de medida para especificar tamaños, anchuras, etc.
• Iremos analizando las diferentes unidades que podemos usar

1. dp densidad de píxeles independientes, es una unidad abstracta (no corresponde a tamaño físico) y se basa en la densidad física de la pantalla. Es una medida proporcional y usarla proporciona compatibilidad con las diferentes pantallas sean de móvil o tablet. Es recomendado su uso.
2. px Píxeles,son los píxeles reales de la pantalla. Su valor real variará según la resolución de la pantalla que tengamos.
3. en centímetros o Cm es un tamaño físico de la pantalla.
4. mm milímetros, igual que el caso de en son tamaños físico de la pantalla.
5. pt puntos la medida es representada por 1/72 de una pulgada en función del tamaño físico de la pantalla.
6. sp escala de píxeles independientes es como la unidad dp, pero también es escalado por la preferencia del usuario tamaño de la fuente. Se recomienda utilizar esta unidad al especificar tamaños de fuente, por lo que se ajusta tanto para la densidad de pantalla y preferencias del usuario.

• Los

Son muchos los atributos y métodos que tiene asociada esta clase

android:autoLinck

• Sirve para crear vínculos contextuales
• hay ocasiones en que parte del texto puede tener un comportamiento especial, por ejemplo ser un teléfono, una dirección de correo o una referencia web

linkClickable=(true|false)

Con esta propiedad conseguimos que el usuario vea el texto destacado, pero que no pueda hacer click sobre el texto (valor false)

EditText

• Deriva de la clase TextView

Spinner

Button

Checkbox

ToggleButton

Switch

RadioButton

Fechas y horas

ProgressBar

SeekBar

RatingBar

Chronometer