Angelfg en 08:18 28 jul 2015

2015-07-28T08:18:21Z

Página nueva

==Introdución==
*Os '''estilos''' permiten definir unhas características visuais para as vistas e agrupalas cun identificador que pode ser usado por diferentes compoñentes para que todos teñan o mesmo aspecto.
*Un '''tema''' (theme) é aplicado a unha activity enteira (os seus elementos gráficos)
*Un '''estilo''' é aplicado a compoñentes individuais.

*Para definir un estilo temos que crear no cartafol '''/res/values''' un arquivo xml cun recurso (resource) de tipo estilo (style).

*Cada ítem do ficheiro de estilos terá o par: propiedade xml, valor:
**Exemplo: android:textSize -> "22sp"

*'''Referencias''':
**Estilos e temas: http://developer.android.com/guide/topics/ui/themes.html

==Caso práctico==
*Crear o proxecto: '''U2_42_Estilos'''.
*Imos definir un estilo común para aplicar ás etiquetas de texto, por exemplo.

<gallery caption="Estilos" widths="350" heights="300px" perrow="2">
Image:Android_2013_U2_42_Estilos_01.jpg| Crear un novo ficheiro xml en '''/res/values'''
Image:Android_2013_U2_42_Estilos_02.jpg| Poñerlle un nome.
Image:Android_2013_U2_42_Estilos_03.jpg| Ir ao ficheiro e engadir un elemento.
Image:Android_2013_U2_42_Estilos_04.jpg| Engadir un recurso de tipo '''Style/Theme'''
Image:Android_2013_U2_42_Estilos_05.jpg| Engadir un nome para o recurso e se é posible un pai.
Image:Android_2013_U2_42_Estilos_06.jpg| Engadir un ...
Image:Android_2013_U2_42_Estilos_07.jpg| ... ítem
Image:Android_2013_U2_42_Estilos_08.jpg| Indicar a propiedade xml e o valor desexado
Image:Android_2013_U2_42_Estilos_09.jpg| Ficheiro de estilos en formato xml
Image:Android_2013_U2_42_Estilos_10.jpg| Etiquetas, todas como mesmo estilo/formato.
</gallery>

===Ficheiro de estilos===
<syntaxhighlight lang="xml" line enclose="div" highlight="4-7" >
<?xml version="1.0" encoding="utf-8"?>
<resources>
<style name="estilo_etiquetas" parent="@android:style/TextAppearance">
<item name="android:layout_width">wrap_content</item>
<item name="android:layout_height">wrap_content</item>
<item name="android:textColor">#00F</item>
<item name="android:textSize">22sp</item>

</style>

</resources>
</syntaxhighlight>

===O XML do layout===
<syntaxhighlight lang="xml" line enclose="div" highlight="8,12,16" >
<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="match_parent"
android:orientation="vertical" >

<TextView
style="@style/estilo_etiquetas"
android:text="TextView 1" />

<TextView
style="@style/estilo_etiquetas"
android:text="TextView 2" />

<TextView
style="@style/estilo_etiquetas"
android:text="TextView 3" />

</LinearLayout>
</syntaxhighlight>

<br> -- [[Usuario:angelfg|Ángel D. Fernández González]] e [[Usuario:Carrion|Carlos Carrión Álvarez]] -- (2015).

Estilos e temas - Historial de revisiones

Angelfg en 08:18 28 jul 2015