PC SOFT

DOCUMENTATION EN LIGNE
DE WINDEV, WEBDEV ET WINDEV MOBILE

  • Présentation
  • Comment utiliser les images du catalogue d'images
  • Faire une recherche dans le catalogue d'images
  • Faire une recherche dans la banque d'images Fotolia
  • Associer une image du catalogue à l'élément en cours
  • Afficher les images personnelles
  • Images contenues dans le catalogue
  • Format des images
  • Les boutons graphiques
  • Les puces
Produits
WINDEVWEBDEV - Code ServeurWEBDEV - Code NavigateurWINDEV MobileEtats et Requêtes
Plateformes
WindowsLinuxWindows MobileUniversal Windows 10 AppAndroidWidget AndroidiPhone/iPadApple Watch
Langages
JavaPHPAjaxCode Utilisateur (MCU)Langage Externe
Bases de données
HFSQLHFSQL Client/ServeurProcédures stockéesOLE DBODBCAccès Natifs
Présentation
Dès qu'une image peut être utilisée (dans un champ, une fenêtre, un état, ...), le bouton "Catalogue" apparaît dans le fenêtre de description de l'élément. Ce bouton permet de sélectionner une image :
  • parmi les milliers d'images fournies dans le catalogue d'images "Produit" de WINDEV, WEBDEV, WINDEV Mobile.
  • Versions 20 et supérieures
    parmi les images disponibles dans la banque d'images "Fotolia".
    Nouveauté 20
    parmi les images disponibles dans la banque d'images "Fotolia".
    parmi les images disponibles dans la banque d'images "Fotolia".
Ce catalogue d'images permet de regrouper :
  • 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, ...)
Remarque : Il est également possible d'accéder directement au catalogue d'images :
  • 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".
Comment utiliser les images du catalogue d'images

Faire une recherche dans le catalogue d'images

Pour faire une recherche dans le catalogue d'images :
  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. Actuellement les thèmes proposés pour les cliparts sont les suivants : Simple XP, Simple, Classic, Active Vista.
    • dimensions : Le choix d'une dimension permet de visualiser l'ensemble des image correspondant à une dimension donnée (par exemple 32x32).
    • type d'image : Clipart, Splash screen, ...
  2. Lancez la recherche à l'aide du bouton "Rechercher" (). Les images correspondant aux critères sélectionnés sont affichées.
Pour faire une recherche dans le catalogue d'images "Produit" :
  1. Cliquez si nécessaire sur l'onglet "Produit".
  2. 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, ...
  3. Lancez la recherche à l'aide du bouton . Les images correspondant aux critères sélectionnés sont affichées.
Versions 20 et supérieures

Faire une recherche dans la banque d'images Fotolia

Pour faire une recherche dans la banque d'images "Fotolia" :
  1. Cliquez si nécessaire sur l'onglet "Fotolia".
  2. Saisissez les différents paramètres de la recherche :
    • Catégorie
    • Concepts
    • Ancienneté
    • Type : Photo, illustration, ...
    • Présence ou non de personnes
    • Orientation de l'image
    • Mot-clé
  3. Lancez la recherche à l'aide du bouton . Les images correspondant aux critères sélectionnés sont affichées.
Nouveauté 20

Faire une recherche dans la banque d'images Fotolia

Pour faire une recherche dans la banque d'images "Fotolia" :
  1. Cliquez si nécessaire sur l'onglet "Fotolia".
  2. Saisissez les différents paramètres de la recherche :
    • Catégorie
    • Concepts
    • Ancienneté
    • Type : Photo, illustration, ...
    • Présence ou non de personnes
    • Orientation de l'image
    • Mot-clé
  3. Lancez la recherche à l'aide du bouton . Les images correspondant aux critères sélectionnés sont affichées.

Faire une recherche dans la banque d'images Fotolia

Pour faire une recherche dans la banque d'images "Fotolia" :
  1. Cliquez si nécessaire sur l'onglet "Fotolia".
  2. Saisissez les différents paramètres de la recherche :
    • Catégorie
    • Concepts
    • Ancienneté
    • Type : Photo, illustration, ...
    • Présence ou non de personnes
    • Orientation de l'image
    • Mot-clé
  3. 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. Cliquez sur le bouton "Catalogue" dans la fenêtre de description de l'élément en cours.
    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. Versions 20 et supérieures
    Si la recherche est effectuée sur Fotolia, la fenêtre de gestion des images Fotolia apparaît. Il est possible :
    • d'utiliser l'image maquette : dans ce cas, l'image sera affichée avec le logo fotolia.
    • d'acheter l'image : dans ce cas, il est nécessaire de saisir les options du compte Fotolia à utiliser. L'image peut alors être sauvegardée dans les images personnelles du catalogue d'images (pour être réutilisée plus tard).
    Nouveauté 20
    Si la recherche est effectuée sur Fotolia, la fenêtre de gestion des images Fotolia apparaît. Il est possible :
    • d'utiliser l'image maquette : dans ce cas, l'image sera affichée avec le logo fotolia.
    • d'acheter l'image : dans ce cas, il est nécessaire de saisir les options du compte Fotolia à utiliser. L'image peut alors être sauvegardée dans les images personnelles du catalogue d'images (pour être réutilisée plus tard).
    Si la recherche est effectuée sur Fotolia, la fenêtre de gestion des images Fotolia apparaît. Il est possible :
    • d'utiliser l'image maquette : dans ce cas, l'image sera affichée avec le logo fotolia.
    • d'acheter l'image : dans ce cas, il est nécessaire de saisir les options du compte Fotolia à utiliser. L'image peut alors être sauvegardée dans les images personnelles du catalogue d'images (pour être réutilisée plus tard).
  6. La fenêtre de paramétrage de l'image s'affiche :
  7. Indiquez :
    • Le nom de l'image à générer
    • Le format à générer : bmp, gif, jpg, png, svg, ico, ...
      Versions 20 et supérieures
      Le format svg est désormais disponible pour la plupart des cliparts.
      Nouveauté 20
      Le format svg est désormais disponible pour la plupart des cliparts.
      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,
      • rotation,
      • symétrie,
      • couleur de fond et niveau de transparence de la couleur de fond,
      • Versions 18 et supérieures
        opacité de l'image : les pixels avec une valeur inférieure au seuil défini seront complètement transparents.
        Nouveauté 18
        opacité de l'image : les pixels avec une valeur inférieure au seuil défini seront complètement transparents.
        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.
  8. Validez. L'image est automatiquement copiée dans le répertoire du projet et associée à l'élément en cours.
Versions 20 et supérieures
AndroidWidget AndroidiPhone/iPadApple Watch Remarque : Si l'élément nécessite une image par DPI, toutes les images nécessaires sont créées, copiées dans le répertoire du projet et associées à l'élément en cours. Pour plus de détails, consultez Android/iOS : Fournir une image par DPI.
Nouveauté 20
AndroidWidget AndroidiPhone/iPadApple Watch Remarque : Si l'élément nécessite une image par DPI, toutes les images nécessaires sont créées, copiées dans le répertoire du projet et associées à l'élément en cours. Pour plus de détails, consultez Android/iOS : Fournir une image par DPI.
AndroidWidget AndroidiPhone/iPadApple Watch Remarque : Si l'élément nécessite une image par DPI, toutes les images nécessaires sont créées, copiées dans le répertoire du projet et associées à l'élément en cours. Pour plus de détails, consultez Android/iOS : Fournir une image par DPI.

Afficher les images personnelles

Pour afficher les images personnelles :
  1. Cliquez sur le bouton "Images personnelles".
  2. Pour ajouter une image, cliquez sur le bouton "Ajouter".
  3. Dans l'onglet "Image", sélectionnez le fichier image voulu. Indiquez le nom de l'image et sa description.
  4. 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.
  5. Validez. Votre image est automatiquement ajoutée aux images personnelles. Elle sera prise en compte lors des prochaines recherches.
Remarques :
  • 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.
  • Versions 20 et supérieures
    Il est possible d'enregistrer les images acquises via Fotolia dans les images personnelles (option "Sauver l'image dans les images personnelles").
    Nouveauté 20
    Il est possible d'enregistrer les images acquises via Fotolia dans les images personnelles (option "Sauver l'image dans les images personnelles").
    Il est possible d'enregistrer les images acquises via Fotolia dans les images personnelles (option "Sauver l'image dans les images personnelles").
Images contenues dans le catalogue

Format des images

Les images du catalogue sont disponibles dans différents formats : soit GIF, soit BMP, soit PNG, ...
WINDEV Mobile Seules les images au format GIF, BMP, JPEG et ICO sont disponibles.
Attention : Les images au format PNG (24 bits) demandent une bonne configuration du poste utilisateur (affichage plus lent).
Versions 20 et supérieures
A partir de la version 20, les images au format SVG (Scalable Vector Graphic) sont également disponibles.
Nouveauté 20
A partir de la version 20, les images au format SVG (Scalable Vector Graphic) sont également disponibles.
A partir de la version 20, les images au format SVG (Scalable Vector Graphic) sont également disponibles.

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.
Version minimum requise
  • Version 9
Documentation également disponible pour…
Commentaires
Cliquez sur [Ajouter] pour publier un commentaire