PC SOFT

DOCUMENTATION EN LIGNE
DE WINDEV, WEBDEV ET WINDEV MOBILE

  • Présentation du champ Image
  • Champ d'une fenêtre, d'une page, d'un état
  • Créer un champ Image
  • Dans une fenêtre
  • Dans une page
  • Dans un état
  • Images multilingues
WINDEV
WindowsLinuxUniversal Windows 10 AppJavaEtats et RequêtesCode Utilisateur (MCU)
WEBDEV
WindowsLinuxPHPWEBDEV - Code Navigateur
WINDEV Mobile
AndroidWidget AndroidiPhone/iPadApple WatchUniversal Windows 10 AppWindows Mobile
Autres
Procédures stockées
Présentation du champ Image

Champ d'une fenêtre, d'une page, d'un état

Le champ Image permet de :
Versions 16 et supérieures
Universal Windows 10 App Ce type de champ est désormais disponible pour les applications Windows Phone.
WINDEVLinux Ce type de champ est désormais disponible pour les applications WINDEV sous Linux.
Nouveauté 16
Universal Windows 10 App Ce type de champ est désormais disponible pour les applications Windows Phone.
WINDEVLinux Ce type de champ est désormais disponible pour les applications WINDEV sous Linux.
Universal Windows 10 App Ce type de champ est désormais disponible pour les applications Windows Phone.
WINDEVLinux Ce type de champ est désormais disponible pour les applications WINDEV sous Linux.
Versions 17 et supérieures
iPhone/iPad Ce type de champ est désormais disponible pour les applications iPhone/iPad.
Nouveauté 17
iPhone/iPad Ce type de champ est désormais disponible pour les applications iPhone/iPad.
iPhone/iPad Ce type de champ est désormais disponible pour les applications iPhone/iPad.
Versions 18 et supérieures
iPhone/iPad Ce type de champ est désormais disponible pour les états dans les applications iPhone/iPad.
Widget Android Ce type de champ est désormais disponible pour les fenêtres de type Widget Android.
Universal Windows 10 App Ce type de champ est désormais disponible pour les applications en mode Windows Store apps.
Nouveauté 18
iPhone/iPad Ce type de champ est désormais disponible pour les états dans les applications iPhone/iPad.
Widget Android Ce type de champ est désormais disponible pour les fenêtres de type Widget Android.
Universal Windows 10 App Ce type de champ est désormais disponible pour les applications en mode Windows Store apps.
iPhone/iPad Ce type de champ est désormais disponible pour les états dans les applications iPhone/iPad.
Widget Android Ce type de champ est désormais disponible pour les fenêtres de type Widget Android.
Universal Windows 10 App Ce type de champ est désormais disponible pour les applications en mode Windows Store apps.
Versions 19 et supérieures
WEBDEV - Code ServeurWEBDEV - Code Navigateur La gestion du multi-touch est désormais disponible dans les sites WEBDEV.
Nouveauté 19
WEBDEV - Code ServeurWEBDEV - Code Navigateur La gestion du multi-touch est désormais disponible dans les sites WEBDEV.
WEBDEV - Code ServeurWEBDEV - Code Navigateur La gestion du multi-touch est désormais disponible dans les sites WEBDEV.
Versions 21 et supérieures
Universal Windows 10 App Ce type de champ est désormais disponible en mode Universal Windows 10 App.
Nouveauté 21
Universal Windows 10 App Ce type de champ est désormais disponible en mode Universal Windows 10 App.
Universal Windows 10 App Ce type de champ est désormais disponible en mode Universal Windows 10 App.
Créer un champ Image
WINDEVAndroidWidget AndroidiPhone/iPadWindows MobileUniversal Windows 10 AppJava

Dans une fenêtre

Pour créer un champ de type Image :
  1. Sous l'éditeur de fenêtres, cliquez sur l'icône (ou sélectionnez l'option "Insertion .. Champ .. Image").Sous le volet "Création", dans le groupe "Champs usuels", cliquez sur "Image".
  2. Cliquez dans la fenêtre à la position où le champ doit être créé. Le champ apparaît en création.
Pour afficher les caractéristiques du champ, sélectionnez l'option "Description" dans le menu contextuel du champ. Les principales options disponibles sont présentées dans la page Champ Image dans une fenêtre.
Versions 22 et supérieures
Remarque : Pour éditer l'image présente dans un champ Image, utilisez l'option "Editer l'image" du menu contextuel. L'éditeur d'images se lance automatiquement. Pour plus de détails, consultez Editeur d'images.
Nouveauté 22
Remarque : Pour éditer l'image présente dans un champ Image, utilisez l'option "Editer l'image" du menu contextuel. L'éditeur d'images se lance automatiquement. Pour plus de détails, consultez Editeur d'images.
Remarque : Pour éditer l'image présente dans un champ Image, utilisez l'option "Editer l'image" du menu contextuel. L'éditeur d'images se lance automatiquement. Pour plus de détails, consultez Editeur d'images.
WEBDEV - Code ServeurPHP

Dans une page

Pour créer un champ de type Image :
  1. Sous l'éditeur de pages, cliquez sur l'icône (ou sélectionnez l'option "Insertion .. Champ .. Image").Sous le volet "Création", dans le groupe "Champs usuels", déroulez "Image" et sélectionnez "Image".
  2. Cliquez dans la page à la position où le champ doit être créé. Le champ apparaît en création.
Pour afficher les caractéristiques du champ, sélectionnez l'option "Description" dans le menu contextuel du champ. Les principales options disponibles sont présentées dans la page Champ Image dans une page.
WINDEVWEBDEV - Code ServeurEtats et RequêtesiPhone/iPadWindows Mobile

Dans un état

Pour créer un champ de type Image :
  1. Sous l'éditeur d'états, cliquez sur l'icône . Sous le volet "Création", dans le groupe "Champs usuels", cliquez sur "Image".Sous le volet "Création", dans le groupe "Visuel", cliquez sur "Image".
  2. Cliquez dans l'état à la position où le champ doit être créé. Le champ apparaît en création.
Pour afficher les caractéristiques du champ, sélectionnez l'option "Description" dans le menu contextuel du champ.
Pour sélectionner l'image (ou le fichier PDF) affichée par le champ, utilisez le bouton [...].Pour sélectionner l'image (ou le fichier PDF) affichée par le champ, utilisez le bouton , option "Parcourir".
Pour plus de détails sur le mode d'affichage et de transparence de l'image, consultez Choisir le mode d'affichage de l'image.
Images multilingues
Si votre application est multilingue, il est possible de sélectionner une image différente pour chaque langue. Cette option est intéressante par exemple lorsque les images contiennent du texte.
Pour gérer des images multilingues :
  1. Affichez la description du champ Image, onglet "Général".
  2. Cliquez sur l'icône . La fenêtre de gestion des images multilingues apparaît. Par défaut, le même fichier est associé à toutes les langues gérées par la fenêtre, la page ou l'état.Cliquez sur le bouton , option "Multi-langues". La fenêtre de gestion des images multilingues apparaît. Par défaut, le même fichier est associé à toutes les langues gérées par la fenêtre, la page ou l'état.
  3. Pour chaque langue, cliquez sur le bouton [...] et sélectionnez l'image correspondant à la langue. En exécution, en fonction de la langue choisie par la fonction Nation, l'image correspondante sera affichée.Pour chaque langue, cliquez sur le bouton , option "Parcourir" et sélectionnez l'image correspondant à la langue. En exécution, en fonction de la langue choisie par la fonction Nation, l'image correspondante sera affichée.
Attention : Seuls les fichiers image sont gérés par le multilingue et non les caractéristiques d'affichage de l'image.
Remarque : Si une image multilingue a été définie, le message "<Valeur Multilangue>" apparaît dans la zone correspondant au nom du fichier image dans la fenêtre de description du champ Image.
Liste des exemples associés :
Le champ Image Exemples unitaires (WINDEV) : Le champ Image
[ + ] Utilisation d'un champ Image.
Le champ Image (animations) Exemples unitaires (WINDEV) : Le champ Image (animations)
[ + ] Animation d'une image avec WINDEV.

Dans cet exemple, nous abordons les deux principaux thèmes suivants :
1/ les animations de type "dessin animé"  (image à animer)
2/ les animations de type "zoom en boucle" (défilement).

Résumé de l'exemple livré avec WINDEV :
Cet exemple montre un certain nombre de possibilités offertes par WINDEV pour animer des images.
Cette liste est loin d'être exhaustive car en combinant les différents modes, le nombre d'animations possibles est supérieur à 2.000.
Cet exemple propose des animations sans aucun code et des animations programmées.
Drag and drop Exemples unitaires (WINDEV) : Drag and drop
[ + ] Utilisation du Drag & Drop (Glisser & Déposer) avec les fonctions WLangage.

Dans cet exemple, nous abordons deux thèmes principaux :
1/ Comment gérer le Drag&Drop entre champs WINDEV
2/ Comment gérer le Drag&Drop de l'Explorateur de fichiers de Windows vers un champ WINDEV

Le Drag & Drop permet de déplacer des objets par l'intermédiaire de la souris. Lorsqu'on clique sur un objet, puis qu'on déplace la souris tout en maintenant le bouton gauche enfoncé, il s'agit du "Drag". Lorsqu'on relâche le bouton gauche, il s'agit du "Drop".
Le Drag & Drop est utilisable avec WINDEV sur  les champs Liste, Arbre, Table et Image.
WD Lasso Exemples didactiques (WINDEV) : WD Lasso
[ + ] Ce programme réalisé avec WINDEV utilise un lasso de sélection dans un champ image pour réaliser un zoom dans un champ de prévisualisation.
La classe CLasso est fournie avec cet exemple pour faciliter la mise en place d'un lasso de sélection dans une application WINDEV
WD Planning Exemples complets (WINDEV) : WD Planning
[ + ] Cet exemple illustre la gestion d'un planning graphique.

Dans cet exemple, nous abordons les principaux thèmes suivants :
1/ le champ planning
2/ les fonctions Google agenda
Le champ Image (zone de clicage) Exemples unitaires (WINDEV) : Le champ Image (zone de clicage)
[ + ] Utilisation du champ Image pour gérer des zones de clicage
Le champ Image (afficher un PDF ou un TIFF) Exemples unitaires (WINDEV) : Le champ Image (afficher un PDF ou un TIFF)
[ + ] Affichage d'un document PDF ou TIFF directement dans un champ Image d'une fenêtre.
Rotation d'une image Exemples unitaires (WINDEV) : Rotation d'une image
[ + ] Rotation d'une image à partir d'un point quelconque qui servira de centre de rotation.
Le champ Image (animations et transitions) Exemples unitaires (WEBDEV) : Le champ Image (animations et transitions)
[ + ] Présentation de fonctionnalités d'animations et d'effets proposés en standard dans WEBDEV et le WLangage sur le champ Image.
Pocket Notes Mobile (WINDEV Mobile) : Pocket Notes
[ + ] Cet exemple utilise les fonctions de dessin du WLangage.
Résumé de l'exemple livré avec WINDEV Mobile :
Cet exemple vous permet de dessiner des "notes" graphiques et de les enregistrer. Vous avez la possibilité de saisir des mots-clés pour retrouver vos notes.
PC Album Photo Windows (WINDEV Mobile) : PC Album Photo
[ + ] L'exemple PC Album Photo permet d'importer et d'exporter les photos d'un Smartphone ou d'un Pocket PC à partir du PC.
Une liste image permet une prévisualisation des photos présentes sur le smartphone et sur le Pocket PC.
Le champ Image (simuler un potentiomètre) Exemples unitaires (WEBDEV) : Le champ Image (simuler un potentiomètre)
[ + ] Simulation d'un potentiomètre par un champ Image, ici pour attribuer une note symbolisée par des étoiles.
WW_Zoom_Auto Exemples didactiques (WEBDEV) : WW_Zoom_Auto
[ + ] Cet exemple propose un modèle de champ basé sur une image, permettant d'afficher une miniature d'une image et grâce à un clic sur celle-ci, d'agrandir l'image sans perturber la mise en page.
Limitations :
- Les images ne peuvent pas être chargées depuis une base de données
- Le modèle de champ ne peut pas être inclus dans une zone répétée
Version minimum requise
  • Version 9
Documentation également disponible pour…
Commentaires
Cliquez sur [Ajouter] pour publier un commentaire