ii) Réglage du contrôle

Image6

Dans l'onglet Général, choisissez 70 et 50 comme valeur pour X et Y. Et 140 et 20 pour Largeur et Hauteur (cf. Image6).

Les autres réglages disponibles dans cet onglet ne sont pas utiles pour faire cette config.

Nous allons maintenant faire en sorte que le contrôle n'affiche que la date. Pour ce faire, allez dans l'onglet Source. Dans la case Format, remplacez la valeur présente par ddddd (cf. Image7). Dans le même onglet, vous pouvez choisir le fuseau horaire.

Information : Le format ddddd signifie "date utilisant le format date court". La date sera écrite en chiffres séparés par des '/' (14/12/2005 par exemple).
Le bouton ? à côté de la case format ouvre une fenêtre listant tous les formats possibles.

Nous allons maintenant, en allant dans l'onglet Affichage, choisir la police et la couleur d'écriture (cf. Image8). Dans la case Texte, laissez uniquement %v.

Image8

Information : Le %v, c'est ce que retourne le contrôle (dans l'exemple : la date. Pour un contrôle DD : la taille du disque, ...). Cette valeur est mise à jour par Samurize.

Image9

Toujours dans le même onglet, un peu plus bas, cliquez sur le bouton Choisir la police (cf. Image9). La police utilisée pour l'exemple est Tahoma, gras, taille 12.

Cliquez ensuite sur le bouton Choisir la couleur. Dans l'exemple, la couleur est Rouge:74, Vert:166, Bleu:207.

En dessous, sélectionnez Centré dans Alignement horizontaux et Milieu dans Alignement verticaux.

iii) Ajout du graphique

Nous allons maintenant rajouter le graphique, pour ce faire, sélectionnez l'onglet Editer les graphiques. Puis cliquez sur Ajouter objets en arrière-plan. Dans la liste, choisissez Ajouter Rectangle arrondi (cf. Image10).

Image10

Image11

Il faut ensuite choisir les réglages pour le graphique (cf. Image11)

• Case Remplissage cochée
• Couleur : blanc (réglable en cliquant sur le bouton Couleur)
• Transparence : 100
• X : 70 et Y : 50
• Arrondi : 50
• Largeur : 140 et Hauteur : 20

La première partie de la config est à présent terminée. Si vous avez correctement suivis les étapes précédentes, voici à quoi votre config ressemble pour le moment :

b) Partie inférieure : l'horloge

i) L'arrière-plan

Image12

Cette partie est un peu plus complexe à réaliser (mais si vous suivez à la lettre le tuto, il ne devrait pas y avoir de problème ).

Nous allons commencer par le cercle blanc transparent. Pour ajouter ce cercle dans l'éditeur de config, la manip est similaire à celle de l'ajout du rectangle arrondi. Sélectionnez l'onglet Editer les graphiques. Puis cliquez sur Ajouter objets en arrière-plan (cf. Image10). Dans la liste, choisissez Ajouter Ellipse.

Changez la couleur du cercle en blanc via le bouton Choisir la couleur. Entrez 100 comme valeur pour la Transparence. Ensuite, réglez la taille et la position du cercle (cf. Image12) :

• X : 65 et Y : 85
• Largeur : 150 et Hauteur : 150

Image13

Par dessus ce cercle, nous allons ajouter une image qui représentera le cadrant de l'horloge.

Pour ajouter l'image, la manip est toujours la même. Sélectionnez l'onglet Editer les graphiques. Puis cliquez sur Ajouter objets en arrière-plan (cf. Image10). Dans la liste, choisissez Ajouter Image.

Dans le panneau Propriétés de l'image (cf. Image13), choisissez l'image à afficher en cliquant sur le bouton ... à côté de Nom de l'image. Pour l'exemple, l'image s'appelle Horloge.png et se trouve normalement dans le dossier Skins de Samurize. Si vous ne l'avez pas, l'image se trouve

.

Ensuite, réglez la taille et la position de l'image :

• X : 65 et Y : 85
• Largeur : 150 et Hauteur : 150

ii) L'indicateur am/pm

Nous allons maintenant ajouter un contrôle Date/Heure et le configurer pour qu'il affiche am ou pm en fonction que l'on soit le matin ou l'après-midi.

Pour ajouter ce contrôle, suivez les mêmes étapes que lors de l'ajout de la date. Clic avec le bouton droit sur l'aire de dessin puis sélectionnez Ajouter Date/Heure.

Dans l'onglet Général, choisir :

• X : 130 et Y : 110
• Largeur : 20 et Hauteur : 20

Dans l'onglet Source, entrer am/pm dans la case Format.

Enfin, dans l'onglet Affichage, laisser uniquement %v dans la case Texte (comme pour la date). Cliquez ensuite sur le bouton Choisir la police. La police utilisée est Tahoma, gras, taille 8.

Choisissez ensuite la même couleur pour la date en cliquant sur le bouton Choisir la couleur (la couleur est Rouge:74, Vert:166, Bleu:207).

Enfin, sélectionnez Centré dans Alignement horizontaux et Milieu dans Alignement verticaux.

iii) Les aiguilles

Dernière étape de la création de notre horloge, l'ajout des aiguilles Pour avoir les heures, les minutes et les secondes, il nous faudra créer trois contrôles. Voici la marche à suivre pour ajouter une aiguille. Vous devrez faire ces étapes trois fois en changeant juste les valeurs utilisées

Ajoutez un nouveau contrôle Date/Heure.

Dans l'onglet Général, pour l'option Type de dessin, choisissez Analogique dans la liste. Donnez les valeurs suivantes pour la position et la taille :

• X : 110, Y : 130 et Largeur/Hauteur : 60 pour les heures
• X : 100, Y : 120 et Largeur/Hauteur : 80 pour les minutes
• X : 90, Y : 110 et Largeur/Hauteur : 100 pour les secondes

Dans l'onglet Source, le format doit être %h les heures, %m pour les minutes et %s pour les secondes.

Image14

Dans l'onglet Affichage, de nombreux réglages nous attendent (cf. Image14)

• Pour Type de pointeur, choisissez Flêche pleine.
• Choisissez ensuite les valeurs min et max, 0 et 12 pour les heures et 0 et 60 pour les deux autres.
• Laissez 0 en Epaisseur de la ligne.
• Pour Largeur base %, choisissez 10 pour les heures, 7 pour les minutes et 1 pour les secondes.
• Laissez les valeurs pas défaut pour Angle de départ (90) et Balayage (-360) et Décalage % (0).
• Entrez 150 pour Transparence début.
• Enfin cliquez sur le bouton Couleur début et choisissez le même bleu que nous utilisons depuis le début.

Après avoir fait cette manip trois fois, la config est enfin finie Il ne vous reste plus qu'à l'enregistrer (via Fichier -> Enregistrer). Enregistrez la config dans le repertoire Configs de Samurize.

Attention : Evitez de mettre des "-" dans le nom de vos configs car cela peut interférer avec les contrôles mathématiques.
De même, évitez aussi les espaces " ", cela peut poser des problèmes avec le linkage.