Editeur de styles
Style / Style Sheet
Un style est un ensemble de propriétés (couleurs, tailles, mise en forme…) applicable à un type d'élément de l'application.
Un style sheet (feuille de style) est un regroupement de styles applicables à des types d'éléments différents.
Lancement de l'éditeur de styles
L'éditeur de styles peut être ouvert de deux façons différentes :
A partir de l'application, en mode design ou quick customize , repérer l'éditeur de propriété des styles / style sheet (souvent intitulé “StyleFile”). Cet éditeur possède deux boutons, le bouton le plus à droite (A) permettant de lancer l'éditeur de styles.
Il est possible d'accèder à l'éditeur de styles sans passer par l'application, pour celà il suffit de se rendre dans le répertoire d'installation de l'application et de rechercher l'exécutable nommé StyleEditor_XE puis de le lancer. Une fenêtre apparait dans laquelle il faut renseigner le répertoire d'installation de l'application ainsi que la Skin utilisée. Une fois ces informations saisies, valider et la fenêtre de l'édteur de style apparait.
Ouverture par l'application
Lorsque l'éditeur de styles est ouvert depuis l'application, s'il existe un style dans l'éditeur de propriété, celui-ci est automatiquement chargé dans l'éditeur de styles pour modifications.Fenêtre principale
A l'ouverture de l'éditeur de styles, la fenêtre principale contenant toutes les actions réalisables sur les styles / style sheets apparait.
Menu : menu de l'éditeur de styles.
Onglet : onglets représentant les propriétés contenues dans le style sheet.
Style Sheet : nom du style sheet en cours de modification.
Propriétés du style sheet.
Onglet des styles : onglet représentant les éléments sur lesquels des styles peuvent être appliqués.
Zone d'action des styles : actions réalisables sur les styles.
Zone de prévisualisation : prévisualisation des modifications des propriétés sur les éléments.
Menu
Le menu regroupe les actions principales de l'éditeur de styles. Il permet d'ouvrir un style sheet existant, de créer un nouveau style sheet, d'enregistrer les modifications suivant différents paramètres et de quitter l'application.
Créer un style sheet.
Enregistrer les modifications.
Enregistrer les modifications sous….
Enregistrer pour la skin sélectionnée.
Quitter.
Propriétés - Style Sheet
La zone haute de l'éditeur de styles contient les propriétés du Style Sheet. Ces propriétés concernent essentiellement les groupes et les items des Layout Controls .
Gestion des styles
Les styles sont un ensemble de propriétés permettant de personnaliser le rendu d'un type d'élément (bouton, case à cocher…). Plusieurs styles peuvent être rattachés à un style sheet, cela permet de personnaliser plusieurs types d'élément en appliquant un style sheet à un élément contenant ces types d'éléments.
Onglet de types de contrôles : permet de modifier le style pour le type de contrôle sélectionné.
Style sélectionné : style sélectionné pour le type d'élément.
Ajouter un style : bouton d'ajout de style pour le type d'élément.
Effacer le style : retire le style pour le type d'élément.
Modifier les propriétés du style : affiche / masque les propriétés du style pour le type d'élément.
Annuler : annule la dernière modification.
Rétablir : applique la dernière modification annulée.
Enregistrer : enregistre les modifications apportées au style.
Propriétés des styles
Les propriétés du style lié au type d'élément (onglet) sélectionné peuvent être modifiées. Pour celà, afficher les propriétés du style en cliquant sur le bouton afficher les proriétés du style. Une zone contenant les propriétés apparait au dessus de la zone de prévisualisation .
Zone de prévisualisation
La zone de prévisualisation permet d'avoir un aperçu des modifications apportées aux styles des différents types d'éléments.
Eléments
Les éléments contenus dans la zone de prévisualisation dépendent du type d'élément (onglet) sélectionné.Liste des types d'éléments disponibles (styles)
| Type d'élément | Description |
|---|---|
| Custom Edit | Regroupe tous éléments contenant du texte, des cases à cocher ou des boutons radios. |
| Buttons | Regroupe les différents types de boutons. |
| Table View | Style de la grille classique (colonnes et lignes). |
| Card View | Style de la grille card (cartes). |
| Layout View | Style de la grille layout (éléments organisés par l'utilisateur). |
| Banded Table View | Style de la grille avec bandes. |
| WinExplorer View | Style de la grille de type explorateur Windows. |
| Pivot Grid | Style de la grille pivot. |
| Vertical Grid | Style de la grille verticale. |