Sauver et charger SkinBox et Skin

Un article de XMIX.

(Différences entre les versions)

Version actuelle

Accueil → Documentation → Tutoriels → [ 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é.

[modifier]

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 aux autres fenêtres et sauvegarder le Skin final.

[modifier]

Sauver et charger des SkinBox

[modifier]

Ouvrir l'éditeur

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

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

[modifier]

Sauver une SkinBox

Cliquez sur le bouton "Sauver" (en bas à gauche). Donnez un nom de fichier (ne changez pas de répertoire) et cliquez sur le bouton "Enregistrer".

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

[modifier]

Charger une SkinBox

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

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

Cliquez 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étez 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éfinies dans la SkinBox ne sont pas chargées. Si vous souhaitez initialiser ces paramètres, cochez la case à cocher à droite de la liste (dans notre cas cela donnera la même taille aux fenêtres).

[modifier]

Résultat

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

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

[modifier]

Sauvegarder un Skin

Nous allons voir maintenant comment sauvegarder notre Skin.

[modifier]

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.

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

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

[modifier]

Sauver le Skin

Sauvez maintenant votre Skin. Pour cela, cliquez sur l'icône indiquée ci-dessous.

[modifier]

Warning

Une fenêtre de Warning s'affiche.

Ce message vous signale que certains composants n'ont pas de SkinBox associées. Effectivement, nous n'avons pas donné d'apparence aux boutons, slide-bar et autres. Ces composants auront donc une apparence par défaut (c'est à dire l'apparence actuelle). Cela n'est pas un problème, mais attention : si vous chargez un Skin qui définit une apparence pour ces composants, et que vous chargez à nouveau votre Skin, ces composants conserveront l'apparence, la taille et la position du Skin précédent.

Cliquez sur "Oui".

[modifier]

Emplacement de sauvegarde

Le fenêtre suivante s'affiche. Donnez un nom à votre Skin (ne changez pas de répertoire) et cliquez sur "Enregistrer".

Votre Skin est maintenant sauvegardé. Fermez l'éditeur de Skin.

[modifier]

Chargement du Skin

Redémarrez le Player, affichez le bureau (Controle+D), et déroulez la liste de Skin en haut à droite. Votre Skin apparaît, sélectionnez le pour le charger.

Vous pouvez maintenant utiliser ce Skin comme Skin par défaut (Options → Apparence) et l'utiliser dans vos dispositions.

[modifier]

Pour allez plus loin

Si vous souhaiter approndir les points que nous venons de voir, vous pouvez:

SkinBox : essayer les différentes Skinbox de la liste déroulante dans l'éditeur de SkinBox (§2.3 Charger une SkinBox)
Skin : charger votre Skin, puis charger le Skin standard et recharger votre Skin. Horreur ! Les boutons slide-bar et autres ne sont plus du tout comme il faut ! C'est l'illustration du Warning décrit plus haut (§3.3). Il est donc important de définir une Skinbox pour tous les composants visibles. Cela sera présenté dans les autres tutoriels. Vous pouvez aussi partir d'un skin existant (le skin standard par exemple) qui définit toutes les skinbox, cela vous évitera d'avoir à créer chaque skinbox.

[modifier]

Conclusion

Vous savez maintenant:

Sauver et charger une Skinbox,
Définir les propriétés d'un Skin, le sauver et le recharger.

Le prochain tutoriel vous montrera comment créer des cadres sophistiqués.

Tutoriels sur les Skins : 01. Créer un Skin, premiers pas ← [ 02. Sauver et charger SkinBox et Skin ] → 03. Maitriser les cadres

Récupérée de « http://xmix.free.fr/wiki/index.php?title=Sauver_et_charger_SkinBox_et_Skin »

Category: Tutoriel

-<small>[[Accueil]] &rarr; [[Documentation]] &rarr; [[Tutoriels]] &rarr; [ Sauver et charger SkinBox et Skin ]</small>
+<small>[[Accueil]] &rarr; [[Documentation]] &rarr; [[Liste des tutoriels|Tutoriels]] &rarr; [ Sauver et charger SkinBox et Skin ]</small>
 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é.
-{| rules="all" style="border: 0px solid #999; padding-right: 0.5em;" cellspacing="0" cellpadding="4"
-|-bgcolor="#FF8080"
-! '''Page en cours de création'''
-|}
 == 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.
+Dans le [[Créer un Skin, premiers pas|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 aux autres fenêtres et sauvegarder 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.
+Si ce n'est déjà fait, ouvrez l'éditeur et donnez 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.
+Double-cliquez 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".
+Cliquez sur le bouton "Sauver" (en bas à gauche). Donnez un nom de fichier (ne changez pas de répertoire) et cliquez sur le bouton "Enregistrer".
 [[Image:02_SkinBox_Save01.png]]
-Cette SkinBox est maintenant sauvée et va pouvoir être ré-utilisée.
+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".
+Sélectionnez maintenant l'onglet de la fenêtre "Playlist" et double-cliquez 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.
+Déroulez 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".
+Cliquez 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étez 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).''
+*''Par défaut la taille et la position définies dans la SkinBox ne sont pas chargées. Si vous souhaitez initialiser ces paramètres, cochez la case à cocher à droite de la liste (dans notre cas cela donnera la même taille aux fenêtres).''
 === Résultat ===
 [[Image:04_SkinEditor_Result01.png]]
-Vouz pouvez ainsi définir des SkinBox sophistiquées et les appliquer rapidement à n'importe quel composant.
+Vous pouvez ainsi définir des SkinBox sophistiquées et les appliquer rapidement à n'importe quel composant.
 == Sauvegarder un Skin ==
 [[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.
+La fenêtre suivante apparaît. Donnez votre nom, un numéro de version et un commentaire. Indiquez la date de création du Skin (cliquez 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.
+Cliquez sur Ok pour appliquer ces propriétés.
 === Sauver le Skin ===
-Sauvons maintenant notre Skin. Pour cela cliquer sur l'icone indiquée ci-dessous.
+Sauvez maintenant votre Skin. Pour cela, cliquez sur l'icône indiquée ci-dessous.
 [[Image:06_SkinEditor_Save01.png]]
 [[Image:06_SkinEditor_SaveWarning02.png]]
-Ce message vous signal que certains composants n'ont pas de SkinBox associée. Effectivement nous n'avons pas donné d'apparence aux boutons, slide-bar et autres. Ces composants auront donc une apparence par défaut (c'est à dire l'apparence actuelle). Cela n'est pas un problème mais 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, la taille et la position du Skin précédent.
+Ce message vous signale que certains composants n'ont pas de SkinBox associées. Effectivement, nous n'avons pas donné d'apparence aux boutons, slide-bar et autres. Ces composants auront donc une apparence par défaut (c'est à dire l'apparence actuelle). Cela n'est pas un problème, mais attention : si vous chargez un Skin qui définit une apparence pour ces composants, et que vous chargez à nouveau votre Skin, ces composants conserveront l'apparence, la taille et la position du Skin précédent.
-Cliquer sur "Oui".
+Cliquez sur "Oui".
 === Emplacement de sauvegarde ===
-Le fenêtre suivante s'affiche. Donner un nom à votre Skin (ne changer pas de répertoire) et cliquer sur "Enregistrer".
+Le fenêtre suivante s'affiche. Donnez un nom à votre Skin (ne changez pas de répertoire) et cliquez sur "Enregistrer".
 [[Image:07_SkinEditor_SaveSkin01.png]]
 === Chargement du Skin ===
-Redémarrer le Player, afficher le bureau (Controle+D), et déroulez la liste de Skin en haut à droite. Votre Skin apparait, sélectionnez le pour le charger.
+Redémarrez le Player, affichez le bureau (Controle+D), et déroulez la liste de Skin en haut à droite. Votre Skin apparaît, sélectionnez le pour le charger.
 [[Image:08_LoadSkin01.png]]
 == Pour allez plus loin ==
-Si vous souhaiter approndir les points que nous avons vu, vous pouvez:
+Si vous souhaiter approndir les points que nous venons de voir, vous pouvez:
 * SkinBox : essayer les différentes Skinbox de la liste déroulante dans l'éditeur de SkinBox (§2.3 Charger une SkinBox)
-* Skin : charger votre, Skin, puis charger le Skin standard et recharger votre Skin. Horreur, les boutons slide-bar et autres ne sont plus du tout comme il faut. C'est l'illustraion du Warning décrit plus haut (§3.3). Il est donc important de définir une Skinbox pour tous les composants visibles. Cela sera présenté dans les autres tutoriels.
+* Skin : charger votre Skin, puis charger le Skin standard et recharger votre Skin. Horreur ! Les boutons slide-bar et autres ne sont plus du tout comme il faut ! C'est l'illustration du Warning décrit plus haut (§3.3). Il est donc important de définir une Skinbox pour tous les composants visibles. Cela sera présenté dans les autres tutoriels. Vous pouvez aussi partir d'un skin existant (le skin standard par exemple) qui définit toutes les skinbox, cela vous évitera d'avoir à créer chaque skinbox.
 == Conclusion ==
+Vous savez maintenant:
+* Sauver et charger une Skinbox,
+* Définir les propriétés d'un Skin, le sauver et le recharger.
+Le prochain tutoriel vous montrera comment créer des cadres sophistiqués.
+<HR>
+'''Tutoriels sur les Skins''' :
+[[Créer un Skin, premiers pas|01. Créer un Skin, premiers pas]] &larr;
+[ 02. Sauver et charger SkinBox et Skin ] &rarr;
+[[Maitriser les cadres|03. Maitriser les cadres]]
+[[Catégorie:Tutoriel]]

Sauver et charger SkinBox et Skin

Un article de XMIX.

Version actuelle

Sommaire

Introduction

Sauver et charger des SkinBox

Ouvrir l'éditeur

Sauver une SkinBox

Charger une SkinBox

Résultat

Sauvegarder un Skin

Définir les propriétés du fichier

Sauver le Skin

Warning

Emplacement de sauvegarde

Chargement du Skin

Pour allez plus loin

Conclusion

Views

Outils personnels

Navigation

Rechercher

Boîte à outils