• 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

Bienvenue dans la 7eme leçon consacrée à Samurize (déjà la 7e, cela passe vite ).

La config d'aujourd'hui vous permettra d'afficher des infos relatives à la puissance du signal Wifi et aux taux de transfert. Et ceci sous forme de barre de progression ou de graphiques (cf. Image1).

Image1

Comme vous pouvez le voir sur l'image, la config est assez chargée (18 contrôles ). De plus elle aborde beaucoup de nouveautés. La leçon sera donc assez longue et peut être un peu complexe. Mais si vous avez bien suivi les leçons précédentes, il ne devrait pas y avoir de problème, ne partez donc pas en courrant

Information : Si vous n'utilisez pas le Wifi pour vous connecter à internet, vous pourrez bien entendu passez le passage correspondant

a) Le texte

Nous allons commencer cette leçon par la partie de gauche (partie relative à la réception). Et contrairement aux autres leçons, nous n'allons pas commencer par les éléments du fond. Je vais essayer de vous montrer l'ordre logique de création d'une config (i-e les infos puis ensuite les éléments décoratifs comme les cadres, fonds...).

Nous voulons afficher le total reçu et le débit de réception. On commence par le total. Pour ce faire, on ajoute un nouveau contrôle : Total envoyé/reçu (vous avez bien entendu lancé l'éditeur de config ).

Image2

On va ensuite dans l'onglet Source (cf. Image2) et on choisit :

• La carte dans la liste en dessous de Réseau
• En valeur à afficher : Total reçu
• En unité : MegaBytes
• Vous pouvez cocher ou non la case Remise à zéro au redémarrage

Ensuite, dans l'onglet Affichage, on change :

• Le texte en : Vitesse de réception (Total : %v Mo)
• La police en : Tahoma, 8pt. Couleur : Noire
• Alignement horizontal : centré et alignement vertical : milieu

Maintenant que nous avons réglé l'affichage de notre contrôle, on va pouvoir le positionner Cela se passe dans l'onglet Général.

Cet élément sera le plus en haut à gauche de la config, on le place donc (par exemple) en X: 60 et Y: 130. La taille du contrôle dépend de la longueur du texte et de la police utilisée. Dans notre cas, une largeur de 200 et une hauteur de 20 me semblent adaptées

b) Le graphique

En dessous de ce premier contrôle, on va placer la vitesse de réception sous forme de graphique. Pour obtenir cette vitesse, on va utiliser un nouveau contrôle : Compteur de performance.

Avant même que le contrôle soit ajouté à la config, une boite de dialogue s'ouvre et vous permet de choisir ce que va faire le compteur. (Il est possible de réouvrir cette boite de dialogue si vous voulez changer la configuration onglet Source, bouton Changer le compteur).

Comme vous pouvez le voir, il y a vraiment beaucoup de choix. Pour le débit, il faut choisir :

• Dans Objet de performance : Interface réseau.
• Puis dans la liste à gauche : Octets reçus/s
• Et dans la liste de droite : le nom de votre carte résau.

Image3

Après avoir cliqué sur OK, dans l'onglet Source, cochez la case Modifier la valeur de retour (unité) et sélectionnez dans les deux listes déroulantes, Convertir de : Bytes à : KiloBytes (cf. Image3).

Allez ensuite dans l'onglet Général et :

• Changez le type de dessin en Graphique
• On positionne le graph en dessous du texte (X: 60 et Y: 160)
• Et pour la taille, on choisit : Largeur: 201 et Hauteur: 51

Toujours dans cet onglet, on va utiliser de nouvelles options qui vont nous permettre d'ajouter un fond et une grille sur le contrôle

Image4

Pour le fond (cf. Image4) :

• Cochez la case Rempli
• Choisissez la couleur : Blanc
• Réglez la transparence : 100

Image5

Ensuite pour la grille (cf. Image5) :

• Cochez la case Grille
• Choisissez la couleur : Noir
• Réglez la transparence : 200
• Réglez l'espacement horizontal et vertical : 10 pour les deux.

On passe maintenant au réglage du graphique, pour ce faire, direction l'onglet Affichage. Entrez les réglages comme sur l'image suivante (Le bleu est R:74 G:166 B:207 ) :

Conseil : Sur l'image, la valeur max est de 100 (Ko/s). Vous pouvez bien entendu adapter cette valeur en fonction de votre connexion.

c) La bordure

Les deux éléments principaux de cette partie sont donc en place. On passe maintenant à la décoration. Pour cela, on va utiliser les formes de base présentes dans Samurize.

Information : On pourrait parfaitement utiliser une image et mettre la config dessus, mais le but du tuto n'est pas de vous apprendre à utiliser photoshop ou gimp. De plus, on va voir que l'on peut faire de belles choses juste avec Samurize.

Pour commencer, on va mettre un rectangle arrondi autour de nos 2 contrôles. Rendez-vous dans le menu Ajouter objet en arrière-plan.

Décochez la case Rempli pour n'avoir que le contour du rectangle. Et utilisez ces réglages :

• Couleur : noir
• Arrondi : 20
• X: 50 et Y: 130
• Largeur: 220 et Hauteur: 90

Pour bien marquer la séparation entre le texte et le graphique, on va mettre une ligne entre les deux Cet élément se trouve au même endroit que le rectangle arrondi (Ajouter objet en arrière-plan), et se nomme Ajouter ligne (c'était pas trop dur à trouver ).

On positionne la ligne comme ceci :

• Couleur : noir
• X: 50 et Y: 140
• Largeur: 219 et Hauteur: 20
• Angle: 0 et Epaisseur: 0

d) Le fond

Pour finir cette partie, on va rajouter un deuxième Rectangle arrondi (plein cette fois-ci) pour faire le fond blanc transparent

Positionnez cet élément de la même façon que pour le précédent Rectangle. Les seules différences sont que vous devez cocher la case Rempli, que la couleur est Blanche et la transparence est de 50.

Il ne reste plus qu'à mettre ce rectangle en dessous du précédent (rappelez-vous du tuto4, le dernier élément placé est celui qui est le plus au-dessus). Cependant nous ne voulons pas que le fond soit au dessus. Il suffit alors de cliquer sur le bouton le plus à droite sur cette image pour le mettre en dessous des autres éléments