• L'équipe de développeur de Samurize pour cet excellent logiciel
• Madness : correcteur et béta testeur officiel
• Tous les autres membres de la team CXP
• Tous les lecteurs qui ont survécu à ces tutos

Aujourd'hui, c'est le grand jour, c'est la dernière leçon sur Samurize (certains diront enfin...).

Si vous regardez derrière vous, vous pourrez vous rendre compte du chemin parcouru depuis la première leçon. Il reste néanmoins du chemin à faire pour parvenir à la maitrise de ce logiciel si complexe qu'est Samurize.

Plutot que de vous faire faire une autre config, cette leçon va s'attarder sur des trucs et astuces pour rendre vos configs actuelles plus belles

La grande puissance de Samurize est de pouvoir faire à peu près tout ce que l'on veut, mais il est vrai qu'il faut parfois ruser pour arriver au résultat voulu. Je vais essayer de faire un tour d'horizon de choses intéressantes à mettre dans une config auxquelles vous n'avez peut être pas pensé.

a) Raccourci clavier

On commence en douceur pour cette première astuce qui consiste à associer un raccourci clavier à certaines actions en rapport avec les configs.

Concrètemement, avec ce raccourci, vous pourrez recharger la config, la mettre en pause et bien d'autres encore.

Cela se passe dans l'onglet Options du projet, tout en bas, avec le bouton qui porte bien son nom : Définir le raccourci clavier.

Le racourci qui me semble le plus intéressant est Visibilité. Il permet d'afficher/masquer la config.

Couplé avec une config toujours au premier plan, vous pourrez en une touche afficher des info utiles, et avec cette même touche les masquer

b) Faire clignoter du texte

On continue en douceur (mais il faut mieux commencer doucement pour ne pas vous faire fuir ) avec cette astuce qui peut être utiliser dans une config affichant l'heure (cf. Image1).

Image1

Pour ce faire, ajouter un contrôle Date/Heure. Dans l'onglet Source, entrez z (pour milliseconde) comme format.

Dans l'onglet Affichage, mettez ":" comme texte.

Enfin, ajoutez une alerte comme ceci :

• Alerter quand : valeur supérieur à
• Valeur : 500
• Transparence : 0

Attention : Dans l'onglet Options du projet, assurez-vous que l'intervalle de mise à jour est à 500 pour que ça marche

c) Alertes et %v

Vous connaissez tous les alertes qui permettent de modifier un contrôle (couleur, texte, transparence, ...) lorsqu'une condition (valeur égale à, inférieur à, ...) est remplie.

Il est désormais possible d'utiliser la valeur interne du contrôle (autrement dit, le %v) dans une alerte, mais seulement avec le type de dessin Image.

L'intérêt peut paraitre limité mais on peut tout de même en trouver Par exemple, vous pouvez changer une image sur votre bureau toutes les heures.

Ajouter un nouveau contrôle Date/Heure. Dans l'onglet Source, changez le format pour hh. Dans l'onglet Général, choisissez Image comme type de dessin.

Puis, ajoutez une alerte que vous réglez comme ceci :

• Alerter quand : Valeur a changé
• Nom de l'image d'alerte : chemin_vers_image/%v.jpg

Attention : Vous devez avoir des images 00.jpg à 23.jpg dans le répertoire chemin_vers_image.

Information : Vous pouvez utilisez à la place nn pour changer d'image toutes les minutes. Ou encore mm pour le mois (pour faire un calendrier personnalisé par exemple ).

d) Barres de progression avancées

Nous avons déjà utilisé des barres de progression dans les leçons précédentes, mais toujours de façon simple. L'astuce que nous allons voir maintenant permet, grâce à plusieurs barres de progression, de faire un rendu différent (cf. Image2).

Information : Je sais, vert fluo, c'est pas génial mais vous pouvez prendre une autre couleur. Et je sais, l'animation est très moche mais je pouvais pas faire autrement. En réalité, cela rend beaucoup mieux.

Image2

Commencez par mettre un fond de la taille voulue (par exemple : 200px de largeur, et ce que vous voulez en hauteur).

Ensuite, on met la première barre de progression. Régler les valeurs min et max en fonction du type du contrôle. Choisissez une couleur. Positionnez ce contrôle au-dessus du fond décaler de 5px vers la droite. Il fait donc 195px en largeur Même hauteur bien entendu (cf. Image3).

Image3

Ajoutez ensuite une deuxième barre de progression avec les mêmes valeurs min et max mais de la couleur du fond cette fois-ci. Comme précédemment, la barre fait 195px de large. Positionnez le contrôle au dessus du fond (le fond dépasse donc de 5px sur la droite) (cf. Image4).

Image4

Il reste une 3e barre de progression à mettre pour terminer le travail Celle-ci ne doit faire que 5px de large. La couleur de la barre doit être celle du fond (blanc pour notre exemple). Et la couleur du fond doit être celle de la première barre (ici vert fluo). Vous placerez cette barre sur le fond aligné à gauche (cf. Image5).

Image5

Le plus dur pour cet dernier contrôle est de régler la valeur max. Il faut que la barre soit pleine lorsque la première barre (ici en vert) est rempli de 5px. Pour l'exemple, avec une largeur de 200px et l'affichage des secondes (donc valeur max de 59), la valeur max de ce dernier contrôle est de 2.

Conseil : Largeur de base de 200px, largeur des 2 premières barre de 195px et largeur de la dernière barre 5px. Je pense que vous aurez compris, cela donne une barre de 5px de largeur. Il est bien entendu assez facile d'adapter pour n'importe qu'elle largeur. Le plus dur étant toujours d'adapter la valeur max de la dernière barre.

e) Info-bulles : les bases

On va maintenant voir quelque chose qui n'avait pas du tout été vu lors des précédentes leçons et qui pourtant peut trouver une grande utilité dans une config : la possibilité d'ajouter des info-bulles.

Information : Une info-bulle est une petite fenêtre qui apparait lors du survol d'un élément par la souris.

Nous allons voir comment afficher un élément (par exemple la pochette d'un album, le dernier png de PngFactory, ...) et que lorsque la souris passe sur cet élément, un info-bulle apparaisse (avec le nom de l'artiste, de l'auteur, ...).

C'est en fait assez simple d'arriver au résultat voulu. Il ne nous faudra que 2 contrôles. Le premier pour afficher l'élément voulu. Je vous laisse choisir et vous débrouiller pour cette étape.

Ensuite, ajoutez le contrôle pour l'information que vous voulez afficher dans l'info-bulle. Positionnez ce contrôle au-dessus du précédent (même position et même taille).

Dans l'onglet Affichage, laissez que %v comme texte. Et baissez la transparence à 0. En effet, le texte ne doit être visible que dans l'info-bulle et pas le reste du temps.

Il faut maintenant mettre en place cet info-bulle justement Pour cela, direction l'onglet Entrée. Ajoutez un linkage comme vu dans les tutos précédents.

Dans la boite de dialogue, sélectionnez Info-bulles, puis faites Suivant.

On arrive au réglage de l'info-bulles. Mettez %v comme Texte de l'info-bulle. Vous êtes libre pour les autres réglages

Enfin, sur la dernière page de réglage, cochez Survol souris. Voilà, c'est fini, vous avez votre info-bulle