Attention : Par contre, l'Unité doit obligatoirement être % sinon la barre de progression ne fonctionerra pas correctement.

Nous allons maintenant changer l'apparence de la barre de progression (car il faut bien avouer que la couleur de base (vert fluo) est moche!). Ces réglages se passent dans l'onglet Affichage (cf. Image9).

Tout d'abord, décochez la case Espacement. Après, on change la couleur par celle-ci : Rouge : 227, Vert : 218 et Bleu : 189.

Image9

En ne changeant que ces deux choses par raport au réglage par défaut, on obtient quelque chose de beaucoup plus joli

b) Contrôle Mémoire

Pour la deuxième barre de progression, la marche à suivre est presque identique. Tout d'abord, ajoutez le contrôle (Mémoire) et changez le Type de dessin en Barre de progression (cf. Image5).

Le positionnement du contrôle est :

• X : 350 et Y : 105
• Largeur : 100 et Hauteur : 10

Activez l'affichage de la valeur de crête et donnez lui les mêmes réglages que pour la première barre de progression (couleur et durée de la crête).

Image10

On configure ensuite le contrôle en allant dans l'onglet Source (cette fois-ci, c'est différent par rapport à ce que l'on a fait précédemment car le contenu de cet onglet est propre à chaque contrôle).

Pour Type de mémoire, sélectionnez Physique, pour Valeur à afficher, choisissez Mémoire libre et enfin pour Unité prenez % (cf. Image10).

Enfin, allez dans l'onglet Affichage et entrez les mêmes valeurs que pour la première barre de progression (cf. Image9).

Information : Comme pour la barre de progression Espace Disque, vous pouvez choisir d'afficher la valeur utilisée au lieu de la valeur non-utilisée. Pour ce faire, choisissez Mémoire utilisée à la place de Mémoire libre.

Nous allons encore rajouter deux contrôles (un Espace Disque et un Mémoire) en laissant Texte comme type de dessin pour pouvoir afficher les pourcentages sur les barres de progression.

a) Contrôle Espace Disque

Après avoir ajouté un contrôle Espace Disque, positionnez-le en utilisant ces valeurs :

• X : 190 et Y : 105
• Largeur : 100 et Hauteur : 10

Allez ensuite dans l'onglet Source. Le contenu de cet onglet ne nous est pas inconnu car nous avons déjà utilisé un contrôle Espace Disque. Nous allons d'ailleurs entrer les mêmes réglages (cf. Image8).

Attention : Assurez-vous d'avoir entré la même chose pour ce contrôle et pour celui utilisé pour la barre de progression Espace Disque. Sinon les valeurs affichées ne seront pas cohérentes.

Image11

Enfin pour finir la configuration de ce contrôle, allez dans l'onglet Affichage et entrez comme texte "%v %".

Choisissez ensuite la police et ses paramètres (cf. Image11) :

• Police : Arial, taille 7
• Couleur : Rouge : 74, Vert : 166, Bleu : 207
• Alignement horizontaux : Centré
• Alignement verticaux : Milieu

b) Contrôle Mémoire

Pour le contrôle affichant le pourcentage de Mémoire, c'est aussi très similaire à ce que l'on a déjà fait (vous devriez être capable de le faire seul )

Ajoutez un nouveau contrôle Mémoire et dans l'onglet Général, entrez les valeurs suivantes :

• X : 350 et Y : 105
• Largeur : 100 et Hauteur : 10

Dans l'onglet Source, choisissez les mêmes choses que pour l'autre contrôle Mémoire (cf. Image10).

Attention : Comme pour l'étape précédente, faites bien attention de choisir la même chose pour les deux contrôles Mémoire

Enfin allez dans l'onglet Affichage et entrez les mêmes réglages que pour l'autre contrôle affichant des pourcentages (cf. Image11) :

• Texte : "%v %"
• Police : Arial, taille 7
• Couleur : Rouge : 74, Vert : 166, Bleu : 207
• Alignement horizontaux : Centré et Alignement verticaux : Milieu

La dernière étape de la création de cette config sera l'ajout de contours autour des deux barres de progression. Pour ce faire, nous n'allons pas utiliser des contrôles mais des éléments graphiques.

Sélectionnez l'onglet Editer les graphiques. Ensuite cliquez sur Ajouter objet en arrière plan. Dans la liste déroulante, choisissez Ajouter Rectangle.

Image12

Nous allons tout d'abord faire en sorte que le rectangle ne soit plus plein pour avoir uniquement les contours. Pour ce faire, il suffit de décocher Rempli (cf. Image12).

Ensuite, utilisez ces réglages pour le contour :

• Transparence : 255
• Epaisseur de la bordure : 1
• Couleur : Rouge : 74, Vert : 166, Bleu : 207
• X : 189 et Y : 104
• Largeur : 102 et Hauteur : 12

Refaites la même manipulation pour ajouter le contour autour de la deuxième barre de progression.

La seule différence par rapport à ce que vous venez de faire est le positionnement. Utilisez ces valeurs à la place des précédentes :

• X : 349 et Y : 104

Ce deuxième contour est le dernier élément de cette config. Il ne vous reste plus qu'à l'enregistrer (menu Fichier -> Enregistrer).

Avec les dernières versions de Samurize, il est maintenant possible de mettre une bordure sur les contrôles. Cette méthode est plus simple que celle vue précédement car elle ne nécessite pas l'ajout de graphiques. La config comporte ainsi moins d'éléments.

Toutefois, la méthode avec le graphique est plus générale car elle permet d'affecter un contour à plusieurs contrôles en même temps.

Conseil : Si voulez testez cette méthode, supprimez les deux graphiques utilisés pour faire les contours, puis appliquez la méthode sur les deux contrôles affichant les pourcentages.

Attention : Ne mélangez pas les deux méthodes! Le contour intégré aux contrôles se fait à l'intérieur de ceux-ci alors que les graphiques sont positionné autour du contrôle. Cela induit une légère différence d'affichage.

Image13

Sélectionnez un contrôle puis dans l'onglet Général, cochez l'option Bordure (cf. Image13). Choisissez ensuite ces valeurs :

• Couleur : Rouge:74, Vert:166, Bleu:207
• Transparence : 255
• Epaisseur de la bordure : 1

Nous voici donc arriver à la fin de cette quatrième leçon Dans les prochains tutos, nous continuerons l'exploration de ce logiciel complexe pour pouvoir encore plus personnaliser notre bureau.