Diferencia entre revisiones de «Usuario:ManuelRomero/Android/Interfaz/elementos»
De WikiEducator
< Usuario:ManuelRomero | Android | Interfaz
(→TextView) |
(→Atributos especiales de TextView) |
||
Línea 39: | Línea 39: | ||
*Definido en el paquete '''''android.widget''''' | *Definido en el paquete '''''android.widget''''' | ||
===Atributos especiales de TextView=== | ===Atributos especiales de TextView=== | ||
+ | ;Typeface | ||
+ | :Es el tipo de letra | ||
+ | {| class="wikitable" | ||
+ | |+ Valores de '''''typeface''''' | ||
+ | ! Constante !! Entero !! | ||
+ | |- | ||
+ | !normal!!0 | ||
+ | |- | ||
+ | !sans!!1 | ||
+ | |- | ||
+ | !serif!!2 | ||
+ | |- | ||
+ | !monospace!!3 | ||
+ | |} | ||
+ | ;Ejemplo | ||
+ | <source lang=xml> | ||
+ | <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> | ||
+ | </source> | ||
+ | [[image:textView_typeface.png}} | ||
+ | ;textStyle | ||
+ | :Es el tipo de letra | ||
+ | {| class="wikitable" | ||
+ | |+ Valores de '''''textStyle''''' | ||
+ | ! Constante !! Entero !! | ||
+ | |- | ||
+ | !normal!!0 | ||
+ | |- | ||
+ | !sans!!1 | ||
+ | |- | ||
+ | !serif!!2 | ||
+ | |- | ||
+ | !monospace!!3 | ||
+ | |} | ||
+ | ;Ejemplo | ||
+ | <source lang=xml> | ||
+ | ===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 | ||
+ | #'''''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. | ||
+ | #'''''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. | ||
+ | #'''''en''''' ''centímetros o Cm'' es un tamaño físico de la pantalla. | ||
+ | #'''''mm''''' ''milímetros'', igual que el caso de '''''en''''' son tamaños físico de la pantalla. | ||
+ | #'''''pt''''' ''puntos'' la medida es representada por 1/72 de una pulgada en función del tamaño físico de la pantalla. | ||
+ | #'''''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 | Son muchos los atributos y métodos que tiene asociada esta clase | ||
{| class="wikitable" | {| class="wikitable" |
Revisión de 06:40 10 dic 2012
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
- identificaarlo en el diseño android:id
- podremos acceder a él por el método findViewById()
- Ejemplo quiere acceder a un texto
- En el fichero xml
<TextView android:id="tNombre"> </TextView>
- 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
Constante | Entero | |
---|---|---|
normal | 0 | |
sans | 1 | |
serif | 2 | |
monospace | 3 |
- 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
Constante | Entero | |
---|---|---|
normal | 0 | |
sans | 1 | |
serif | 2 | |
monospace | 3 |
- 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 #'''''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. #'''''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. #'''''en''''' ''centímetros o Cm'' es un tamaño físico de la pantalla. #'''''mm''''' ''milímetros'', igual que el caso de '''''en''''' son tamaños físico de la pantalla. #'''''pt''''' ''puntos'' la medida es representada por 1/72 de una pulgada en función del tamaño físico de la pantalla. #'''''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 {| class="wikitable" |+ Atributos de la clase '''''TextView''''' ! Atributo !! Valores !! Objetivo |- !android:text!!cadena raw o referencia a un recurso cadena!!Texto que se muestra en la pantalla |} ===EditText=== ===Spinner=== ===Button=== ===Checkbox=== ===ToggleButton=== ===Switch=== ===RadioButton=== ===Fechas y horas=== ===ProgressBar=== ===SeekBar=== ===RatingBar=== ===Chronometer===