PC SOFT

DOCUMENTATION EN LIGNE
DE WINDEV, WEBDEV ET WINDEV MOBILE

  • Présentation
  • Comment proposer des fenêtres coulissantes ?
  • 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'ActionBar
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
Les fenêtres coulissantes (é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 :
Comment proposer des fenêtres coulissantes ?
Pour proposer des fenêtres coulissantes, 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 correspondante correspondra à la couleur de fond de la fenêtre principale.
    iPhone/iPad 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,
        • 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'ActionBar

Lorsque une fenêtre contient une ActionBar et est associée à des fenêtres coulissantes, le clic sur l'icône de l'ActionBar 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 :
Android Système Android (WINDEV Mobile) : Android Système
[ + ] Cette application est un exemple didactique montrant quelques unes des fonctionnalités de WINDEV Mobile pour Android.
Les fonctions système utilisées sont :
- NFC
- Champ Multimédia
- Luminosité
- Volume
- WIFI
- Bluetooth
- Toast
- Champ Jauge
- Mode 9 images
- 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 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