Sauver et charger SkinBox et Skin

Un article de XMIX.

(Différences entre les versions)
Jump to: navigation, search
Version du 9 mars 2008 à 11:32
Loic (Discuter | contribs)
(Sauvegarder un Skin)
← Différence précédente
Version du 9 mars 2008 à 11:33
Loic (Discuter | contribs)
(Sauver le Skin)
Différence suivante →
Ligne 76: Ligne 76:
=== Sauver le Skin === === Sauver le Skin ===
-Sauvon maintenant notre Skin. Pour cela cliquer sur l'icone indiquée ci-dessous.+Sauvon maintenant notre Skin. Pour cela cliquer sur l'icone indiquée ci-dessous. Une fenêtre de Warning s'affiche.
- +
-Une fenêtre de Warning s'affiche. +
[[Image:06_SkinEditor_Save01.png]] [[Image:06_SkinEditor_Save01.png]]

Version du 9 mars 2008 à 11:33

AccueilDocumentationTutoriels → [ Sauver et charger SkinBox et Skin ]


Ce tutoriel va vous apprendre à sauvegarder des SkinBox afin de pouvoir appliquer l'aspect visuel d'un composant à un autre rapidement. La sauvegarde d'un Skin sera également présenté.


Page en cours de création


Sommaire

Introduction

Dans le tutoriel précédent nous avons donné un cadre et un fond à la fenêtre du Player. Nous allons reprendre cette base afin de donner la même apparence au autres fenêtre et sauver le Skin final.

Sauver et charger des SkinBox

Ouvrir l'éditeur

Si ce n'est déja fait, ouvrez l'éditeur et donner les propriétés de cadre et de fond à la fenêtre du Player comme indiqué dans le tutoriel précédent.

Image:01_SkinEditor_NewSkin01.png

Double-cliquer sur le composant fenêtre (première ligne) afin d'ouvrir l'éditeur de Skinbox.

Sauver une SkinBox

Cliquer sur le bouton "Sauver" (en bas à gauche). Donner un nom de fichier (ne changer pas de répertoire) et cliquer sur le bouton "Enregistrer".

Image:02_SkinBox_Save01.png

Cette SkinBox est maintenant sauvée et va pouvoir être ré-utilisée.

Charger une SkinBox

Sélectionner maintenant l'onglet de la fenêtre "Playlist" et double-cliquer sur le composant "Fenêtre".

Image:021_SkinEditor_SelectPlayList02.png

Dérouler la liste en bas de l'éditeur de Skinbox et choisissez la SkinBox que vous venez de sauver.

Image:03_SkinBox_Load01.png

Cliquer sur Ok pour appliquer la SkinBox à la fenêtre Playlist. Celle-ci possède maintenant la même apparence que la fenêtre Player. Répéter cette opération sur la fenêtre "Info Tag".


Remarques:

  • Dans l'étape précédente, si vous n'aviez pas sauvé la SkinBox dans le répertoire par défaut, celle-ci ne serait pas apparue dans la liste déroulante. Vous auriez néanmoins pu la charger en cliquant sur l'icône de chargement à coté de la liste.
  • Par défaut la taille et la position définie dans la SkinBox ne sont pas chargée. Si vous voulez initialiser ces paramètres, cocher la case à cocher à droite de la liste (dans notre cas cela donnera la même taille aux fenêtres).

Résultat

Nos trois fenêtres ont maintenant la même apparence.

Image:04_SkinEditor_Result01.png

Vouz pouvez ainsi définir des SkinBox sophistiquées et les appliquer rapidement à n'importe quel composant.

Sauvegarder un Skin

Nous allons voir maintenant comment sauvegarder notre Skin.

Définir les propriétés du fichier

Avant tout, nous allons définir quelques propriétés pour ce Skin. Cliquer sur l'icone indiquée ci-dessous.

Image:041_SkinBtnProperties01.png

La fenêtre suivante apparait. Donnez votre nom, un numéro de version et un commentaire. Indiquez la date de création du Skin (cliquer sur le point d'exclamation pour affecter la date et l'heure actuelle). Enfin, choisissez le niveau de compression par défaut.

Image:05_SkinProperties01.png

Cliquer sur Ok pour appliquer ces propriétés.

Sauver le Skin

Sauvon maintenant notre Skin. Pour cela cliquer sur l'icone indiquée ci-dessous. Une fenêtre de Warning s'affiche.

Image:06_SkinEditor_Save01.png

Ce message vous signal que certains composants n'ont pas de SkinBox associée. Effectivement nous n'avons pas défini d'apparence pour les boutons, slide-bar et autres. Ces composants auront donc l'apparence par défaut. Attention, si vous chargez un Skin qui définit une apparence pour ces composants, et que vous recharger votre Skin, ces composants conserveront l'apparence du Skin précédent.

Warning

Image:06_SkinEditor_SaveWarning02.png

Emplacement de sauvegarde

Image:07_SkinEditor_SaveSkin01.png

Chargement du Skin

Image:08_LoadSkin01.png

Pour allez plus loin

Conclusion