PC SOFT

DOCUMENTATION EN LIGNE
DE WINDEV, WEBDEV ET WINDEV MOBILE

  • Présentation
  • Étape 1 : Taille et options de la fenêtre détourée
  • Étape 2 : Image de fond de la fenêtre détourée
  • Étape 3 : Modification de la procédure DétoureFenê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
WDDétoure : Utilisation du mode 9 images avec une fenêtre détourée
Avertissement
A partir de la version 16, l'outil WDDétoure n'est plus livré avec WINDEV.
Présentation
Les fenêtres WINDEV peuvent être redimensionnables par l'utilisateur (option "Redimensionnable" de l'onglet "Détail" dans la description de la fenêtre). Généralement, si la fenêtre comporte une image de fond, le mode 9 images est utilisé afin de ne pas déformer cette image de fond lors du redimensionnement de la fenêtre.
Le code généré par WDDétoure permet de prendre en compte le mode 9 images lors du redimensionnement d'une fenêtre détourée. Ainsi, l'image de fond est automatiquement redimensionnée et correspond toujours à la zone visible de la fenêtre. Pour plus de détails sur le mode 9 images, consultez le Mode 9 images.
Les explications que vous trouverez dans cette page d'aide supposent que votre fenêtre contient déjà tous les traitements WLangage générés par WDDétoure (Voir : WDDétoure : Utilisation).
Les différentes étapes nécessaires à l'utilisation du mode 9 images avec une fenêtre détourée sont les suivantes :
  1. Modifier la taille et les options de la fenêtre détourée.
  2. Modifier les options du mode 9 images.
  3. Modifier la procédure "DétoureFenêtre" générée par WDDétoure.
Étape 1 : Taille et options de la fenêtre détourée
Pour utiliser le mode 9 images avec une fenêtre détourée, il est nécessaire de modifier certaines options de la fenêtre (sa hauteur, sa largeur, ...). Ces options varient en fonction du style de la fenêtre (avec ou sans bordure, avec ou sans barre de titre, ...). Ces options sont modifiables dans l'onglet "Style" de la description de la fenêtre.
  1. Affichez la description de la fenêtre (option "IHM" du menu contextuel de la fenêtre) et sélectionnez l'onglet "Détail".
  2. Modifiez la largeur de la fenêtre (option "Largeur"). La largeur de la fenêtre doit :
    • Soit être égale à la largeur de l'image utilisée en fond si la fenêtre ne comporte aucune bordure et aucune barre de titre.
    • Soit prendre en compte la largeur des bordures droite et gauche de la fenêtre si celle-ci comporte une bordure.
      Remarque : la largeur d'une bordure est de 4 pixels.
  3. Modifiez la hauteur de la fenêtre (option "Hauteur"). La hauteur de la fenêtre doit :
    • Soit être égale à la hauteur de l'image utilisée en fond si la fenêtre ne comporte aucune bordure et aucune barre de titre.
    • Soit prendre en compte la hauteur des bordures haute et basse de la fenêtre si celle-ci comporte une bordure.
      Remarque : la hauteur d'une bordure est de 4 pixels.
    • Soit prendre en compte la hauteur de la barre de titre si la fenêtre possède une barre de titre.
      Remarque : la hauteur d'une barre de titre est de 19 pixels.

  4. Si la fenêtre ne comporte pas de barre de titre, cochez l'option "Déplacement par le fond". Cette option permet de déplacer la fenêtre en exécution en cliquant sur son fond.

  5. Cochez si nécessaire l'option "Mémorise le taille et la position de la fenêtre". Cette option permet de mémoriser la taille et la position de la fenêtre à sa fermeture. Lors de sa réouverture, la fenêtre sera positionnée aux coordonnées sauvegardées et aura la taille qu'elle possédait avant sa précédente fermeture.
  6. Validez la description (bouton "OK").
Étape 2 : Image de fond de la fenêtre détourée
Cette étape permet de définir les caractéristiques de l'image de fond de la fenêtre.
  1. Affichez la description de la fenêtre (option "Description" du menu contextuel de la fenêtre) et sélectionnez l'onglet "Image".
  2. Cochez l'option "Poignée de redimensionnement intégrée à l'image". La poignée de redimensionnement standard n'apparaîtra pas dans la coin inférieur droit de la fenêtre.

  3. Cochez l'option "Utiliser le mode 9 images" et cliquez sur le bouton pour visualiser les paramètres par défaut du mode 9 images.
    L'image est découpée en 9 zones :
    • 3 zones horizontales (haut, centre et bas).
    • 3 zones verticales (gauche, centre et droite).
  4. Modifiez la valeur de chaque marge en fonction de votre image. Retenez ces valeurs, elles vous serviront plus tard.

Étape 3 : Modification de la procédure DétoureFenêtre
La procédure générée par WDDétoure permet de prendre en compte les valeurs des marges définies dans les options du mode 9 images.
  1. Dans le volet "Code", sélectionnez "Procédures locales". Double-cliquez sur la procédure "DétoureFenêtre". La fenêtre de code de la procédure s'affiche.
  2. Dans la fenêtre de code, recherchez la ligne "//******Mettre ici les marges du mode 9 images pour le redimensionnement".
//******Mettre ici les marges du mode 9 images pour le redimensionnement

eMargeGauche est un entier = <marge gauche>
eMargeDroite est un entier = <marge droite>
eMargeHaute est un entier = <marge haute>
eMargeBasse est un entier = <marge basse>
3. Saisissez les valeurs des marges gauche, droite, haute et basse indiquées dans la fenêtre de paramétrage du mode 9 images.
Version minimum requise
  • Version 9
Commentaires
Cliquez sur [Ajouter] pour publier un commentaire