DOCUMENTATION EN LIGNE
DE WINDEVWEBDEV ET WINDEV MOBILE

Aide / Développer une application ou un site / Champs, fenêtres et pages / Fenêtre
  • Présentation
  • Comment proposer des fenêtres coulissantes (sliding menu) ?
  • Création des fenêtres internes
  • Définition des fenêtres coulissantes associées à une fenêtre
  • Ouverture d'une fenêtre coulissante par l'Action Bar
WINDEV
WindowsLinuxUniversal Windows 10 AppJavaEtats et RequêtesCode Utilisateur (MCU)
WEBDEV
WindowsLinuxPHPWEBDEV - Code Navigateur
WINDEV Mobile
AndroidWidget AndroidiPhone/iPadWidget IOSApple WatchMac CatalystUniversal Windows 10 App
Autres
Procédures stockées
Présentation
Les fenêtres coulissantes gauche ou droite (également appelées "sliding menus") sont souvent utilisées dans les applications mobiles.
Les caractéristiques d'utilisation de ce type de fenêtre sont les suivantes :
  • La fenêtre coulissante peut apparaître de la gauche ou de la droite d'un écran.
  • La fenêtre coulissante peut être affichée partiellement par dessus la fenêtre précédente ou peut décaler partiellement cette fenêtre.
Un usage typique de ce type de fenêtre est l'affichage d'une liste de choix ou le paramétrage d'une application.
WINDEV Mobile permet d'afficher ce type de fenêtre :
  • soit par gesture de l'utilisateur,
  • soit par programmation grâce à la fonction FenCoulissanteVisible.
Attention : Les fenêtres coulissantes peuvent être utilisées uniquement avec des fenêtres maximisées.
Comment proposer des fenêtres coulissantes (sliding menu) ?
Pour proposer des fenêtres coulissantes gauche ou droite, les différentes étapes sont les suivantes :
  1. Création de fenêtres internes. Ces fenêtres internes seront les fenêtres coulissantes.
  2. Définition des fenêtres coulissantes à afficher dans la fenêtre de description de la fenêtre de base.
  3. Définition du mode d'affichage des fenêtres coulissantes :
    • soit par gesture.
    • soit par programmation.
    • Android soit par l'action bar.

Création des fenêtres internes

Les fenêtres coulissantes sont des fenêtres internes.
Cette fenêtre interne a les caractéristiques suivantes :
  • La fonction Ferme utilisée dans la fenêtre coulissante ou dans la fenêtre principale fermera les deux fenêtres.
  • Les champs de la fenêtre coulissante sont accessibles via la fenêtre principale, grâce aux mots-clés suivants :
    • MaFenêtreCoulissanteGauche pour désigner la fenêtre coulissante à gauche.
    • MaFenêtreCoulissanteDroite pour désigner la fenêtre coulissante à droite.
      // Change la couleur d'un libellé dans la fenêtre coulissante à droite
      MaFenêtreCoulissanteDroite.LIB_Libellé.Couleur = RougeClair
  • Aspect de la fenêtre coulissante :
    La couleur et le cadre de la fenêtre coulissante sont définis par la fenêtre interne. Si la fenêtre interne a un fond transparent, la couleur de fond de la fenêtre coulissante correspondra à la couleur de fond de la fenêtre principale.
    iPhone/iPadWidget IOSMac Catalyst La fenêtre coulissante aura toujours une barre système opaque, même si la fenêtre principale a une barre système transparente.

Définition des fenêtres coulissantes associées à une fenêtre

Pour définir les fenêtres coulissantes associées à une fenêtre :
  1. Affichez l'onglet "Détail" de la fenêtre de description de la fenêtre principale.
  2. Sélectionnez les fenêtres internes à afficher en tant que fenêtres coulissantes :
    • Dans la zone "Fenêtre coulissante gauche" (ou "Fenêtre coulissante droite"), indiquez :
      • la fenêtre interne à afficher. En déroulant la liste, les différentes fenêtres internes de l'application sont proposées.
      • la largeur de la fenêtre interne.
        La largeur de la fenêtre coulissante peut correspondre :
        • à la largeur de la fenêtre interne. Dans ce cas, laissez le champ "Largeur" vide.
        • à un pourcentage de la fenêtre principale. Dans ce cas, les ancrages définis dans la fenêtre interne seront appliqués. Aucun ascenseur horizontal ne sera affiché.
          Remarques :
          - La hauteur est fixée par la hauteur de la fenêtre interne. Si la hauteur dépasse la hauteur de l'écran, un ascenseur vertical sera affiché.
          - Il est possible d'utiliser la fonction FenTailleUtile pour définir la taille utile de la fenêtre coulissante.
      • le mode d'affichage de la fenêtre interne :
        • Si l'option "Balayage" est cochée, la fenêtre coulissante apparaîtra automatiquement lors d'une action de l'utilisateur.
        • Si l'option "Balayage" n'est pas cochée, la fenêtre coulissante pourra être affichée :
          - par programmation (fonction FenCoulissanteVisible),
          Android - par l'action bar.
      • l'effet d'ouverture des fenêtres coulissantes. Trois modes sont possibles :
        • Recouvrement : la fenêtre coulissante recouvre le contenu de la fenêtre principale.
          Android L'Action Bar de la fenêtre est également recouverte.
        • Pousser : la fenêtre coulissante pousse le contenu de la fenêtre principale,
        • Découvrement : la fenêtre principale révèle le contenu de la fenêtre coulissante.
          Dans tous les cas, la fenêtre principale reste inaccessible. Un clic sur la fenêtre principale refermera la fenêtre coulissante.
Android

Ouverture d'une fenêtre coulissante par l'Action Bar

Lorsque une fenêtre contient une Action Bar et est associée à des fenêtres coulissantes, le clic sur l'icône de l'Action Bar peut provoquer l'affichage de la fenêtre coulissante gauche.
Pour plus de détails, consultez Action Bar d'une fenêtre.
Liste des exemples associés :
WM Système Exemples multiplateforme (WINDEV Mobile) : WM Système
[ + ] Cette application est un exemple didactique montrant quelques unes des fonctionnalités de WINDEV Mobile pour Android/iOS.
Les fonctions système utilisées sont :
- NFC
- Champ Multimédia
- Luminosité
- Volume
- WIFI
- Bluetooth
- Toast
- Boussole
- Accéléromètre
- Champ caméra
- LED
- Vibrations
- Notifications
- Fonctions de dessin
- Internet
WM Client FTP Exemples multiplateforme (WINDEV Mobile) : WM Client FTP
[ + ] Cet exemple est un Client FTP pour Android et iOS.
Il montre comment interagir avec un serveur FTP grâce aux fonctions FTP du WLangage.
Il permet entre autres de :
- Renommer des fichiers
- Supprimer des fichiers
- Créer des dossiers
- Télécharger des fichiers
- Envoyer des fichiers sur le serveur
WM Sondage Exemples multiplateforme (WINDEV Mobile) : WM Sondage
[ + ] Cet exemple permet de gérer et de visualiser des sondages.

Il s'agit d'un exemple multiplateforme pour iOS et Android.
La génération iOS et la génération Android utilisent ici le même code et les mêmes fenêtres.

Fonctionnalités de l'exemple:
La partie fonctionnant sur le téléphone (iPhone ou téléphone Android) permet d’enregistrer les réponses aux sondages.
La partie fonctionnant sur une tablette (iPad ou tablette Android) permet de gérer les sondages : d'en créer et d'en supprimer, de les modifier (les questions et les réponses) et de visualiser les statistiques de réponses.

Les résultats sont stockés dans une base de données HFSQL
Version minimum requise
  • Version 19
Commentaires
Cliquez sur [Ajouter] pour publier un commentaire

Dernière modification : 18/12/2023

Signaler une erreur ou faire une suggestion | Aide en ligne locale