PC SOFT

DOCUMENTATION EN LIGNE
DE WINDEV, WEBDEV ET WINDEV MOBILE

  • Comment le faire ?
  • Étape 1 : Création de l'image définissant la forme de la fenêtre
  • Étape 2 : Utilisation de WDDétoure pour générer le code de détourage
  • Étape 3 : Code généré par WDDétoure
  • Étape 4 : Intégration du code dans la fenêtre
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
Avertissement
A partir de la version 16, l'outil WDDétoure n'est plus livré avec WINDEV.
Comment le faire ?
Pour définir simplement la forme d'une fenêtre, WDDétoure utilise une forme définie par une image.
Cette image va permettre de spécifier les parties visibles et invisibles de la fenêtre.
WDDétoure analyse l'image et génère du code WLangage à insérer dans les différents traitements de la fenêtre.
Les différentes étapes :
  1. Création de l'image définissant la forme de la fenêtre.
  2. Utilisation de WDDétoure.
  3. Génération du code de détourage avec WDDétoure.
  4. Intégration du code généré par WDDétoure dans la fenêtre.
Étape 1 : Création de l'image définissant la forme de la fenêtre
A l'aide d'un logiciel de dessin ou de retouche d'image, créez une image définissant la forme de la fenêtre.
Dans cette image, définissez la couleur qui servira de couleur de transparence pour le détourage (par exemple "Magenta Clair"). Toutes les zones comportant cette couleur seront rendues invisibles à l'affichage de la fenêtre détourée.
Attention : Les bordures doivent être les plus nettes possible (pas de dégradé, ...) afin de ne pas obtenir d'effets d'affichage lors de l'aperçu ou de l'ouverture de la fenêtre détourée. En effet, la couleur définissant la transparence est unique pour toute l'image.
Exemple :
  • Une image dont les contours sont nets donnera une fenêtre parfaitement détourée :
  • Une image dont les contours sont lissés donnera une fenêtre qui ne sera pas parfaitement détourée :
Étape 2 : Utilisation de WDDétoure pour générer le code de détourage
Pour générer le code de détourage :
  1. Lancez WDDétoure (option "Outils .. WDDétoure - Détourage de fenêtre").

  2. Sélectionnez la couleur de transparence (option "Couleur invisible"). Par défaut, cette couleur est "Magenta clair".
  3. Sélectionnez ensuite le chemin de l'image définissant la forme de la fenêtre. La génération du code de détourage est alors proposée.
  4. Validez. WDDétoure génère ensuite le code de détourage.
L'aperçu de la fenêtre détourée est automatiquement affiché (appuyez sur la touche Echap pour quitter l'aperçu).
Étape 3 : Code généré par WDDétoure
Lors de la génération du code de détourage, WDDétoure crée :
  • différents traitements WLangage,
  • une procédure WLangage.
Cliquez sur le bouton "Copier la procédure" pour connaître le code généré par WDDétoure.
  1. Ce code doit être copié dans le traitement "Déclaration des globales" de la fenêtre.
  2. Ce code doit être copié dans le traitement "Modification de la taille" de la fenêtre. Ce code est utile dans le cas où vous utilisez le mode 9 images (Voir Utilisation du mode 9 images avec une fenêtre détourée).
  3. Ce code doit être copié dans le traitement "Fermeture" de la fenêtre.
  4. Ce code doit être copié dans une nouvelle procédure locale nommée "DétoureFenêtre".
Remarque : Un bouton "Copier le code" est disponible pour chaque traitement WLangage.
Étape 4 : Intégration du code dans la fenêtre
Pour intégrer le code de détourage de la fenêtre :
  1. Ouvrez si nécessaire WINDEV.
  2. Créez si nécessaire la fenêtre à détourer (option "Fichier .. Nouveau .. Fenêtre").
  3. Copiez les différents codes générés par WDDétoure dans les traitements de cette fenêtre (traitements "Déclarations des globales", "Modification de la taille" et "Fermeture de la fenêtre").
  4. Créez une nouvelle procédure locale à la fenêtre (touche F4). Le nom de cette procédure est "DétoureFenêtre". La fenêtre de code de cette procédure s'affiche.
  5. Remplacez tout le code existant par celui généré par WDDétoure (code "Procédure locale à créer dans la fenêtre").
  6. Affichez la fenêtre à détourer sous l'éditeur de fenêtres et affichez la description de la fenêtre (option "Description" du menu contextuel de la fenêtre).
  7. Sélectionnez l'onglet "Image" et spécifiez l'image utilisée pour le détourage dans l'option "Image de fond".
  8. Sélectionnez l'onglet "Détail" et cochez l'option "Déplacement par le fond".
  9. Sélectionnez l'onglet "Style" et choisissez l'élément "<Aucun>" dans la combo "Type de cadre".
  10. Validez la description de la fenêtre (bouton "OK").
  11. Redimensionnez la taille de la fenêtre selon la taille de l'image.
Remarque : Si votre fenêtre est d'une forme complexe, pensez à ajouter un bouton ou un traitement d'interception de touches avec la fonction ToucheEnfoncée par exemple (par exemple la touche Echap) pour fermer la fenêtre.
Version minimum requise
  • Version 9
Commentaires
Cliquez sur [Ajouter] pour publier un commentaire