• L'équipe de développeur de Samurize pour cet excellent logiciel
• Madness : correcteur et béta testeur officiel
• TPDK pour les skins des configs de cette leçon
• Tous les autres membres de la team CXP

Bienvenue dans cette 5eme leçon de Samurize La config (ou plutot les configs car il y en aura 2) est assez simple à réaliser mais elle utilise une fonctionnalité très importante et utile de Samurize : le linkage.

Le linkage permet d'effectuer une action lors d'un clic de souris sur un contrôle (ou même simplement lors du survol d'un contrôle). Nous allons aussi voir comment changer la config qui est affichée en utilisant du linkage.

Voici un aperçu de ce que nous allons réaliser :

.

Avant de commencer, il faut télécharger les fichiers nécessaires à la réalisation de cette leçon :

. Ce fichier est à décompresser dans le répertoire de Samurize et contient un dossier (Notepad) avec deux images pour les configs (crées par TPDK ) ainsi qu'un fichier texte (ce fichier est vide, mais comme il sera utilisé par la suite, je l'ai mis dans l'archive).

Une fois les fichiers décompressés, lancez l'éditeur de config pour commencer la création des configs.

Image1

Nous allons tout d'abord créer la config fermée (cf. Image1). Cette config est composée d'une seule image et d'un seul contrôle. Elle est donc très simple à réaliser si vous avez correctement suivi les leçons précédentes.

Tout d'abord, on ajoute l'image (Ajouter objet en arrière-plan -> Ajouter Image). Cliquez sur le bouton "..." pour choisir l'image. Sélectionnez l'image Notepad_close.png qui se trouve dans le répertoire Notepad.

Positionnez l'image comme ceci :

• X: 50 et Y: 50
• Largeur 256 et Hauteur: 67

Ajoutez ensuite un contrôle texte (clic droit sur l'aire de dessin -> Ajouter Texte). Et positionnez le comme ceci :

• X: 260 et Y: 70
• Largeur 25 et Hauteur: 25

Dans l'onglet Affichage, supprimez le texte.

Information : On n'affiche aucun texte avec ce contrôle car celui-ci servira uniquement au linkage. Le '+' étant déjà présent sur l'image.

Enregistrez la config en lui donnant comme nom : Notepad-close.ini par exemple. On reviendra sur cette config plus tard pour ajouter le linkage.

Nous allons maintenant créer la deuxième config (cf. Image2) utilisée dans ce tuto. Tout d'abord, Fichier -> Nouveau (ou bien Ctrl + N) pour commencer une nouvelle config.

Attention : N'oubliez pas d'enregistrer la config précédente

Image2

Comme pour la première config, on débute avec l'ajout de l'image. Cette fois-ci, on utilise Notepad_open.png (image qui se trouve aussi dans le répertoire Notepad).

Positionnez cette image au même endroit que celle de la config précédente :

• X: 50 et Y: 50
• Largeur 256 et Hauteur: 207

On ajoute ensuite le contrôle qui sera utilisé pour le linkage : Clic droit sur l'aire de dessin -> Ajouter Texte. Et positionnez le comme ceci :

• X: 261 et Y: 77
• Largeur 20 et Hauteur: 10

Comme pour l'autre contrôle Texte, supprimez le texte (via l'onglet Affichage). On ajoutera le linkage plus tard en même temps que pour l'autre config.

Nous allons maintenant ajouter un nouveau contrôle pour afficher le bloc-notes. C'est un contrôle qui affiche le contenu d'un fichier texte. Pour l'ajouter, clic droit sur l'aire de dessin (comme à chaque fois que l'on ajoute un contrôle) et sélectionnez Ajouter Fichier Texte.

On place ce contrôle au centre de l'image :

• X: 88 et Y: 98
• Largeur 180 et Hauteur: 120

Image3

Allez ensuite dans l'onglet Source. C'est dans cet onglet que l'on choisi le fichier texte associé au contrôle. Cliquez sur le bouton "..." à côté de Fichier Texte à lire et choisissez le fichier Notepad.txt présent dans le répertoire Notepad (c'est pour cette raison qu'il y avait un fichier texte vide dans ce répertoire )

Toujours dans cet onglet (cf. Image3), choisissez une valeur pour Lire ligne (par exemple 1). Cela détermine à partir de quelle ligne le fichier est lu. Choisissez aussi une valeur pour Nombre de lignes (par exemple 5).

Allez ensuite dans l'onglet Affichage (cf. Image4) et choisissez la police Tahoma, taille 10 et couleur blanche.

En dessous, toujours dans le même onglet (cf. Image4), cochez la case Retour à la ligne. Cela permet au texte d'aller automatiquement à la ligne si une phrase est trop longue pour tenir sur une ligne dans le contrôle.

Image4

Il ne reste plus qu'à enregistrer la config en lui donnant comme nom : Notepad-open.ini par exemple

Gardez l'éditeur de config ouvert avec cette config car nous allons rajouter des choses par la suite.