Android Studio, Estilo (Style)

En este tutorial se verá que es un estilo (Style) en Android Studio, como crearlo, como agregarlo en XML y Java y para qué sirve.

Un estilo es una manera de tener varias características, como color, orientación, gravedad, etc. Para aplicarlas a los componentes que queramos que tengan esas características.

La gran ventaja, es que al momento de modificar, solo modificamos el estilo y todos los elementos que lo usen se modificarán. No hay necesidad de modificar uno por uno.

Por ejemplo, podemos crear 3 estilos para los textos. Un estilo para títulos, otro para subtítulos y el último para el texto normal.

Con esto, simplemente cuando escribimos un título le damos el estilo de título, y tendrá todas las características que nuestro estilo tiene.

Así al momento de editar, solo se edita el estilo y no título por título. Lo cual ahorra tiempo y hace menos tedioso el trabajo.

Sintaxis del Estilo (Style).

Existe un archivo en XML en la carpeta app/res/values/styles.xml en este archivo de estilos se crean todos los estilos de nuestro proyecto.

Estilos Android Studio

Creando un estilo, Android Studio.

A continuación crearemos 3 estilos, para tener las características de nuestros textos. Crearemos los estilos de Títulos, subtítulos y normal.

A continuación mostramos el código de un estilo (Style) en Android Studio

<style name="titulos">
    <item name="android:textSize">18sp</item>
    <item name="android:textColor">#f00</item>
    <item name="android:textStyle">bold</item>
    <item name="android:gravity">center</item>
</style>

Este estilo es el de Títulos, como podemos ver el nombre de este estilo es “titulos”, todos los textos que tengan este estilo tendrán: la letra de tamaño 18sp, un color Rojo, las letras negritas, y estará centrado.

Ahora declararemos el estilo de subtítulos, solo cambiando algunas propiedades al estilo anterior.

<style name="subtitulos">
    <item name="android:textSize">16sp</item>
    <item name="android:textColor">#000</item>
    <item name="android:textStyle">bold</item>
    <item name="android:gravity">left</item>
</style>

En este estilo, el nombre es “Subtitulos”, y tiene las siguientes propiedades: el tamaño del texto será de 16sp, color negro, letras negritas y va a estar alineado a la izquierda.

A todo el texto que le pongamos este estilo, tendrá esas características y si las editamos, todos los textos con este estilo se editarán.

Por ultimo creamos el estilo para texto normal

<style name="normal">
    <item name="android:textSize">16sp</item>
    <item name="android:textColor">#000</item>
    <item name="android:textStyle">normal</item>
    <item name="android:gravity">left</item>
</style>

El nombre es “normal”, el texto será de un tamaño de 16sp, color negro, letra normal y alineado a la izquierda.

Usando los styles.

Una vez ya con estilo definidos, solo es cuestión de agregarlos al texto que tengamos.

De esta manera al darle el estilo de título a un texto, ese texto será tamaño 18sp, color negro, con texto en negritas y alineado al centro. Y ocurre lo mismo con el resto de estilos.

La gran ventaja es que si queremos cambiar el estilo de título solo lo cambiamos en el estilo y todos los títulos con ese estilo se cambiarán.

En cambio si no se manejan estilo, es necesario realizar cambios título por título. Lo cual es tedioso y consume tiempo.

Para usar estilo en XML, se usa el siguiente código:

style="@style/titulos"

El código es muy similar a cuando agregamos String a nuestro proyecto.

Si quieres ver más tutoriales de Android Studio, usa este link.