Dès qu'une image peut être utilisée (dans un champ, une fenêtre, un état, ...), la fenêtre de description de l'élément propose le bouton pour sélectionner l'image. Ce bouton affiche différentes options. L'option "Catalogue" permet de sélectionner une image parmi les milliers d'images fournies dans le catalogue d'images "Produit" de WINDEV, WEBDEV, WINDEV Mobile.

• Clipart : images à 1 ou plusieurs états, pouvant être utilisées pour des images, des boutons, ...
• Splash Screen, Splash Screen avancé,
• Formes,
• Animations GIF,
• Bandeau, Fonds de fenêtres,
• Powered by,
• Cadre,
• Puces, Boutons graphiques,
• Images personnelles,
• Images permettant de personnaliser le look des différents champs (onglets, colonnes de table, ...)

• depuis l'éditeur de code. En effet, lors de la saisie de fonctions manipulant des images, l'option "<Catalogue d'images>" est automatiquement proposée par la saisie assistée.
• à l'aide du volet "Catalogue d'images".

Faire une recherche dans le catalogue d'images

Selon le mode d'affichage, plusieurs modes de recherche sont disponibles.

1. Saisissez les différents paramètres de la recherche :
   • mot-clé : Le mot-clé est utilisé uniquement dans le cas d'une recherche parmi les cliparts. Le mot-clé est recherché parmi les mots-clés associés aux cliparts. Vous pouvez également saisir directement le nom du fichier à rechercher.
   • thème : Le choix d'un thème permet de visualiser l'ensemble des éléments graphiques utilisant le même style graphique. De nombreux thèmes sont disponibles.
   • type d'image : Clipart, Splash screen, ...
2. Si vous avez saisi un mot-clé, lancez la recherche à l'aide du bouton . Les images correspondant aux critères sélectionnés sont affichées.

Associer une image du catalogue à l'élément en cours

Pour associer une image du catalogue à l'élément en cours :

1. Dans la fenêtre de description de l'élément en cours, cliquez sur le bouton et sélectionnez l'option "Catalogue". Remarque : Les images proposées par le catalogue d'images s'adaptent au champ en cours. Par exemple, si le catalogue d'images est affiché depuis la description du cadre d'un bouton, seules les images de cadres de bouton seront proposées par défaut.
2. Recherchez si nécessaire l'image voulue.
3. Sélectionnez l'image.
4. Double-cliquez sur cette image.
   
5. La fenêtre de paramétrage de l'image s'affiche :
   
6. Indiquez :
   • Le nom de l'image à générer
   • Le format à générer : bmp, gif, jpg, png, svg, ico, ...
     Le format svg est désormais disponible pour la plupart des cliparts.
   • Le nombre d'états de l'image (cas des cliparts).
   • Les caractéristiques de l'image générée :
     • couleurs : Il est possible de :
       • utiliser les couleurs proposées par défaut dans le catalogue d'images.
       • utiliser les couleurs TSL. Dans ce cas, il est possible de modifier la teinte, la saturation et la luminosité de l'image.
       • coloriser l'image (notamment pour les images monochromes). Un sélecteur de couleurs permet de définir la couleur utilisée et il est également possible de définir le seuil utilisé (saturation).
     • rotation,
     • symétrie,
     • couleur de fond et niveau de transparence de la couleur de fond,
     • opacité de l'image : les pixels avec une valeur inférieure au seuil défini seront complètement transparents.
   • La taille de l'image.
   • Si vous voulez générer une animation (uniquement si l'élément en cours correspond à l'image de fond d'un bouton).
   • Si vous voulez conserver les paramètres pour la prochaine image sélectionnée depuis le catalogue.
7. Validez. L'image est automatiquement copiée dans le répertoire du projet et associée à l'élément en cours.

Afficher les images personnelles

Pour afficher les images personnelles :

1. Affichez si nécessaire le catalogue d'images en mode complet.
2. Cliquez sur le bouton "Images personnelles".
3. Pour ajouter une image, cliquez sur le bouton "Ajouter".
4. Dans l'onglet "Image", sélectionnez le fichier image voulu. Indiquez le nom de l'image et sa description.
5. Dans l'onglet "Mots-clés", indiquez les mots-clés liés à l'image. Ces mots-clés peut être choisis parmi les mots-clés existants ou être créés.
6. Validez. Votre image est automatiquement ajoutée aux images personnelles. Elle sera prise en compte lors des prochaines recherches.

• Il est également possible de modifier les caractéristiques d'une image personnelle ou de supprimer une image personnelle.
• Les images personnelles sont référencées dans la base de données des Centres de Contrôle. En cas de changement de poste, ou de changement de version de WINDEV, WEBDEV ou WINDEV Mobile, ces images seront conservées. Pour plus de détails, consultez Base de données des Centres de Contrôle.

Format des images

Les images du catalogue sont disponibles dans différents formats : soit GIF, soit BMP, soit PNG, soit SVG, ...

Les boutons graphiques

En sélectionnant les boutons graphiques, le catalogue d'images présente l'ensemble des boutons graphiques disponibles. Ces boutons sont classés par couleur. Pour chaque couleur, différentes formes sont proposées.

Les puces

En sélectionnant les puces, le catalogue d'images présente une large palette de puces pouvant être utilisées dans vos applications.