>> Technologie Électronique >  >> Téléphones portables et accessoires >> Smartphones

Les styles Android

Quand les développeurs créent des applications Android, ils implémentent des designs d'interface via des propriétés de style. Les fichiers de layout appliquent ces styles à chaque Activity (écran). Les définitions de layout utilisent le code XML. Pour réutiliser des propriétés visuelles, les développeurs créent des styles dans chaque app. En définissant un ensemble de styles en XML, ils référencent les propriétés dans plusieurs zones sans répéter le code.

Définition

Les styles apparaissent dans un fichier XML dans le répertoire du package de l'app. Le développeur crée un fichier XML (nom libre, extension .xml) dans res/values. Dans ce fichier, il définit un ou plusieurs ensembles de propriétés de style, chacun nommé :

<resources>
  <style name="MainStyle">
  </style>
</resources>

Dans l'élément resources, plusieurs sections style. Les propriétés sont entre balises d'ouverture/fermeture style.

Propriétés

Les styles Android incluent polices, dimensions, couleurs. Exemple dimensions :

<item name="android:layout_width">fill_parent</item>
<item name="android:layout_height">fill_parent</item>

L'élément remplit la zone du parent. Pour occuper juste l'espace du contenu :

<item name="android:layout_width">wrap_content</item>
<item name="android:layout_height">wrap_content</item>

Autres propriétés : couleurs texte/fond, padding, marges, police, taille texte.

Layout

Pour utiliser les styles définis, référencez-les dans le XML de layout des Activities. Les layouts sont dans res/layout. Exemple référence :

style="@style/MainStyle"

Ce code peut apparaître dans toute section layout pour un élément View. Views = écrans d'Activity entiers ou éléments UI individuels. Référencer ainsi importe les propriétés, réduisant la répétition de code.

Héritage

Les styles peuvent hériter d'autres styles, réduisant encore le code. Dans la balise style :

parent="@android:style/TextAppearance"

Importe les styles du parent spécifié. Les développeurs référencent leurs propres styles :

<style name="MainStyle.Note">

Cela permet de réutiliser ses propres définitions, en se concentrant sur les aspects uniques de chaque style.

Smartphones