notifications Notificaciones

Marcar todas como leídas

Ver más

lightbulb_outline

Manejo de estilos en android

timer 2 Min.

remove_red_eye 944

calendar_today 29/10/19

Un estilo, es una colección de propiedades que especifican la apariencia y el formato de una View o ventana. Un estilo puede especificar propiedades, como altura, relleno, color de fuente, tamaño de fuente, color de fondo y mucho más. Los estilos se definen en un recurso XML que está separado del XML que especifica el diseño.

Texto alternativo

En Android, los estilos comparten una filosofía similar a las hojas de estilo CSS del diseño web: permiten separar el diseño del contenido.

Nos vamos a “res” después en la carpeta “values” en esta parte si tienen el archivo style.xml abranlo sino damos clic derecho en values |New | Values resource file| colocamos el nombre que será “style.xml” damos clic en “ok”, como pueden ver ya se creo nuestro documento xml el nodo raíz del archivo es ‘resources’ .

Para cada estilo que desees crear, agrega un elemento ‘style’ al archivo con un name que identifique exclusivamente al estilo (este atributo es obligatorio).

Luego agrega un elemento ‘item’ para cada propiedad del estilo con un name que declare la propiedad del estilo y un valor asociado, como les mencione name es un identificado para poder llamar (este atributo es obligatorio).

El valor de ‘item’ puede ser una string de palabra clave, un color hexadecimal, una referencia a otro tipo de recurso u otro valor según la propiedad del estilo, por ejemplo en este estilo agregaremos un fondo, color de letra y un tipo de letra para no agregar todas esta propiedades en cada botón solo llamo mi estilo.

 <resources>

<style name="CodeFont" >
   <item name="android:textColor">#000000</item>
   <item name="android:typeface">monospace</item>
</style>
 </ resources>

Nos vamos a nuestro diseño y llamamos el estilo con dos propiedades la primera es

style=" ‘@’style/CodeFont"

Se aplicarán sólo a esa vista, mientras que los atributos asignados a ella vía

android:theme="‘@’style/CodeFont"

Aplicarán a esa vista así como a todos sus elementos secundarios.

También podemos heredar estilos por ejemplo tenemos un estilo del formato de la aplicación pero este formato lo queremos aplicar en textos y en un botón. Creamos un nuevo estilo y agregamos los items nosotros podemos heredar colocando el nombre del estilo que hereda un punto y agregar un nuevo nombre o también podemos usar el atributo parent

 <resources>

<style name="CodeFont.button"> // o Format
        <item name="colorButtonNormal">‘@’color/orange</item>
        <item name="android:layout_margin">10dp</item>
        <item name="android:padding">10dp</item>
</style>
 </ resources>

También podemos usar heredar estilo de android para eso tenemos que usar la palabra parent después del nombre ejemplo.

 <resources>

<style name="SplashTheme" parent="Theme.AppCompat.NoActionBar">
        <item name="android:backgroud">‘@’color/colorPrimary</item>
</style>
 </ resources>

En este caso "Theme.AppCompat.NoActionBar" nos quita la barra de nuestra actividad.

Otros artículos del blog

Comunidad