PC SOFT

DOCUMENTATION EN LIGNE
DE WINDEV, WEBDEV ET WINDEV MOBILE

PV

  • Présentation
  • Description des différents éléments de l'Action Bar (onglet "Général")
  • Bouton Gauche de l'Action Bar
  • Bouton gauche
  • Options de menu affichées dans l'Action Bar
  • Sous Android
  • Sous iOS
  • Sous Universal Windows 10 App
  • Vues/Barre de thèmes
  • Aspect de l'Action Bar (onglet "Détail")
  • Présentation
  • Aspect de l'Action Bar/NavBar
  • Animation de l'Action Bar
  • Recherche dans l'Action Bar
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
A partir de la version 19, le champ Action Bar est disponible pour les plateformes Android et iOS. La fenêtre de description du champ Action Bar a évolué pour prendre en compte les spécificités de ces deux plateformes. Cette page d'aide présente les points importants de cette fenêtre : Cette page d'aide présente les points importants de la fenêtre de description du champ Action Bar :
Attention : Les options présentées dans cette page sont disponibles à partir de la version 19.
Description des différents éléments de l'Action Bar (onglet "Général")
L'onglet "Général" permet de définir les différents éléments de l'Action Bar selon la plateforme utilisée. Sur iOS et Android, les éléments sont les mêmes, mais ils ne sont pas disposés de la même façon.
Les deux interfaces sont présentées en aperçu : à gauche l'interface iOS, à droite l'interface Android.
Si votre projet est disponible sur une seule plateforme, seule l'interface correspondante sera active.
Pour définir les différents éléments de l'Action Bar, il suffit de cliquer sur les différents numéros.
Bouton Gauche de l'Action Bar

Bouton gauche

L'Action Bar remplace la barre de titre de la fenêtre :
  • Android sous Android : Par défaut, l'Action Bar affiche le titre de la fenêtre courante et un bouton correspondant à l'icône de l'application.
  • iPhone/iPad sous iOS : Par défaut, l'Action Bar affiche le titre de la fenêtre courante et un bouton.
  • Universal Windows 10 App sous Universal Windows 10 App : Par défaut, l'Action Bar affiche uniquement le titre de la fenêtre courante.
Le titre pourra ne pas être affiché en fonction des éléments affichés dans l'Action Bar.
L'option "1" de l'onglet "Général" de la fenêtre de description du champ Action Bar permet de configurer les différents éléments :
  • Bouton visible ou non,
  • iPhone/iPad Libellé du bouton,
  • AndroidiPhone/iPadUniversal Windows 10 App Icône affichée.
Android Remarque : Il est possible de modifier ces paramètres par programmation grâce aux propriétés suivantes :
  • Propriété ..Titre utilisée sur la fenêtre.
  • Propriété ..Image utilisée sur l'Action Bar.
    Si cette propriété correspond à une chaîne vide (""), l’icône de l'application sera utilisée (cas par défaut).
    Attention, cette propriété n'est disponible qu'à partir de la version 4.0 d'Android (Ice cream sandwich, api level 14). Si elle est utilisée sur une version antérieure, cette propriété sera sans effet.
L'utilisateur peut cliquer sur le bouton gauche affiché dans l'Action Bar d'une fenêtre. Le traitement "Clic sur le bouton de gauche" de l'Action Bar est associé à cette action.
La fenêtre de description de l'Action Bar permet de paramétrer l'action du clic sur le bouton gauche. Il est possible de sélectionner une des options suivantes :
  • Code : Exécuter le traitement de clic du champ : Le traitement "Clic sur le bouton de gauche" sera alors automatiquement exécuté.
  • AndroidiPhone/iPad Retour : Exécuter le code de retour (ie: fermer la fenêtre)  : Dans ce cas :
    • Android L'application exécutera le traitement "Clic sur le bouton de gauche".
    • L'application exécutera le traitement prédéfini permettant de retourner sur la fenêtre précédente.
      Android Ce traitement prédéfini ne sera pas exécuté si le traitement "Clic sur le bouton de gauche" renvoie Faux (cela permet par exemple de demander une confirmation à l'utilisateur).
    • Une flèche sera affichée dans le coin supérieur de l'icône pour symboliser la navigation.
      Remarques :
      • Si la fenêtre affichée est la seule fenêtre de l'application, aucune action par défaut ne sera exécutée.
        Android Seul le traitement "Clic sur le bouton de gauche" sera exécuté.
      • Si la fenêtre courante est fermée, son code de fermeture sera exécuté.
      • iPhone/iPad Pour ce type d'action, l'icône spécifiée pour le bouton n'est pas affichée.
      • iPhone/iPad Le bouton "Retour" peut devenir "OK" en exécution dans les cas suivants :
        - la fenêtre précédente n'a pas de champ Action Bar.
        - l'animation d'ouverture ne se fait pas de droite à gauche.
  • AndroidUniversal Windows 10 App Home : Revenir à la première fenêtre de l'application : Dans ce cas, l'application :
    • Exécutera le traitement "Clic sur le bouton de gauche".
    • Exécutera le traitement prédéfini : toutes les fenêtres encore ouvertes sont fermées à l'exception de la fenêtre principale (qui est ré-ouverte si nécessaire). Ce traitement prédéfini ne sera pas exécuté si le traitement "Clic sur le bouton de gauche" retourne Faux (cela permet par exemple de demander une confirmation à l'utilisateur).
      Remarques :
      • Si la fenêtre principale est déjà affichée ou si l'application n'a pas de fenêtre principale, aucune action par défaut ne sera exécutée. Seul le traitement "Clic sur le bouton de gauche" sera exécuté.
      • Le code de fermeture des fenêtres fermées ne sera pas exécuté.
  • Versions 19 et supérieures
    Fenêtre coulissante gauche : Ouvre la fenêtre coulissante gauche : Dans ce cas, l'application :
    • Exécutera le traitement "Clic sur le bouton de gauche".
    • Exécutera le traitement prédéfini : la fenêtre coulissante gauche définie dans la fenêtre de description sera affichée avec l'effet indiqué.
      Pour plus de détails, consultez Fenêtre coulissante (Sliding menu).
    Nouveauté 19
    Fenêtre coulissante gauche : Ouvre la fenêtre coulissante gauche : Dans ce cas, l'application :
    • Exécutera le traitement "Clic sur le bouton de gauche".
    • Exécutera le traitement prédéfini : la fenêtre coulissante gauche définie dans la fenêtre de description sera affichée avec l'effet indiqué.
      Pour plus de détails, consultez Fenêtre coulissante (Sliding menu).
    Fenêtre coulissante gauche : Ouvre la fenêtre coulissante gauche : Dans ce cas, l'application :
    • Exécutera le traitement "Clic sur le bouton de gauche".
    • Exécutera le traitement prédéfini : la fenêtre coulissante gauche définie dans la fenêtre de description sera affichée avec l'effet indiqué.
      Pour plus de détails, consultez Fenêtre coulissante (Sliding menu).
Options de menu affichées dans l'Action Bar
Android

Sous Android

Dans une fenêtre n'utilisant pas d'Action Bar, le menu principal de l'application est affiché en bas de la fenêtre.
Dans une fenêtre avec Action Bar, le menu principal est un menu déroulant, affiché à droite de l'Action Bar.
En édition, un bouton avec trois traits est affiché. Ce bouton correspond au menu de l'Action Bar. Il permet d'afficher les différentes options du menu.
En exécution, ce bouton permet d'afficher les options de premier niveau du menu. Si une option possède des sous-options, le clic sur l'option la remplacera par les sous-options. L'affichage ne sera pas réalisé en cascade.
Rappel : Par convention, il est recommandé de n'avoir qu'un seul niveau d'options.
Sous Android, il est possible de gérer deux types de menus dans l'Action Bar :
  • le menu déroulant,
  • les options présentes directement dans l'Action Bar. En effet, selon les matériels utilisés, la taille de l'Action Bar peut varier. Si l'Action Bar possède la place nécessaire, il peut être intéressant d'afficher une ou plusieurs options du menu déroulant directement dans l'Action Bar. Le système gère automatiquement les problèmes de place et de chevauchement.
Pour gérer les options de menu présentes dans l'Action Bar :
  • Cas 1 : Vous transformez une fenêtre possédant un menu en une fenêtre avec une Action Bar : le menu de la fenêtre est automatiquement affiché dans l'Action Bar.
  • Cas 2 : Vous créez une fenêtre avec Action Bar et vous voulez créer le menu déroulant :
    1. Dans l'onglet "Général" de la fenêtre de description de l'Action Bar, cliquez sur "2" ou "3" (options de la barre d'outils).
    2. Deux listes apparaissent.
      • La liste "En haut à droite" permet de définir les options affichées directement dans l'Action Bar (voir paragraphe suivant).
      • La liste "En bas/dans le menu" permet de définir les options de menu apparaissant dans le menu déroulant de l'Action Bar.
    3. Cliquez sur "+" pour ajouter une nouvelle option : l'option ajoutée peut être modifiée dans la partie basse de l'écran.
      Si l'option de menu est associée à une image, seule l'image sera affichée dans l'Action Bar.
Remarque : Il existe une autre méthode pour afficher une option de menu directement dans l'Action Bar :
  1. Affichez la fenêtre de description de l'option de menu (option "Description" du menu contextuel).
  2. Dans l'onglet "IHM", cochez l'option "Déplacer cette option dans l'Action Bar si la place est disponible (affiché uniquement à l'exécution)". Dans l'onglet "IHM", cochez l'option "Afficher cette option comme un bouton en haut à droite de l'Action Bar (si la place est disponible)".
  3. Validez.
Versions 18 et supérieures
Cas particulier : afficher un menu contextuel d'un champ dans l'Action Bar
Un appui long sur un champ permet de faire apparaître le menu contextuel du champ. Ce menu contextuel peut être affiché directement dans l'Action Bar.
Pour afficher un menu contextuel directement dans l'Action Bar :
  1. Editez le menu contextuel à afficher dans l'Action Bar : sous le volet "Fenêtre", dans le groupe "Barres et menus", déroulez "Menus contextuels" et sélectionnez le menu contextuel à éditer.
  2. Affichez la fenêtre de description du menu contextuel (option "Description du menu contextuel" du menu contextuel).
  3. Dans l'onglet "Général", cochez l'option "Déplacer ce menu contextuel dans l'Action Bar si elle existe".
  4. Validez.
Le menu contextuel sera affiché dans le menu déroulant de l'Action Bar.
Pour afficher les différentes options de menu du menu contextuel directement dans l'Action Bar :
  1. Affichez la fenêtre de description de chaque option du menu contextuel (option "Description de l'option").
  2. Dans l'onglet "IHM", cochez la case "Déplacer cette option dans l'Action Bar si la place est disponible".
  3. Validez.
Remarque : Si l'option de menu est associée à une image, seule l'image sera affichée dans l'Action Bar.
Nouveauté 18
Cas particulier : afficher un menu contextuel d'un champ dans l'Action Bar
Un appui long sur un champ permet de faire apparaître le menu contextuel du champ. Ce menu contextuel peut être affiché directement dans l'Action Bar.
Pour afficher un menu contextuel directement dans l'Action Bar :
  1. Editez le menu contextuel à afficher dans l'Action Bar : sous le volet "Fenêtre", dans le groupe "Barres et menus", déroulez "Menus contextuels" et sélectionnez le menu contextuel à éditer.
  2. Affichez la fenêtre de description du menu contextuel (option "Description du menu contextuel" du menu contextuel).
  3. Dans l'onglet "Général", cochez l'option "Déplacer ce menu contextuel dans l'Action Bar si elle existe".
  4. Validez.
Le menu contextuel sera affiché dans le menu déroulant de l'Action Bar.
Pour afficher les différentes options de menu du menu contextuel directement dans l'Action Bar :
  1. Affichez la fenêtre de description de chaque option du menu contextuel (option "Description de l'option").
  2. Dans l'onglet "IHM", cochez la case "Déplacer cette option dans l'Action Bar si la place est disponible".
  3. Validez.
Remarque : Si l'option de menu est associée à une image, seule l'image sera affichée dans l'Action Bar.
Cas particulier : afficher un menu contextuel d'un champ dans l'Action Bar
Un appui long sur un champ permet de faire apparaître le menu contextuel du champ. Ce menu contextuel peut être affiché directement dans l'Action Bar.
Pour afficher un menu contextuel directement dans l'Action Bar :
  1. Editez le menu contextuel à afficher dans l'Action Bar : sous le volet "Fenêtre", dans le groupe "Barres et menus", déroulez "Menus contextuels" et sélectionnez le menu contextuel à éditer.
  2. Affichez la fenêtre de description du menu contextuel (option "Description du menu contextuel" du menu contextuel).
  3. Dans l'onglet "Général", cochez l'option "Déplacer ce menu contextuel dans l'Action Bar si elle existe".
  4. Validez.
Le menu contextuel sera affiché dans le menu déroulant de l'Action Bar.
Pour afficher les différentes options de menu du menu contextuel directement dans l'Action Bar :
  1. Affichez la fenêtre de description de chaque option du menu contextuel (option "Description de l'option").
  2. Dans l'onglet "IHM", cochez la case "Déplacer cette option dans l'Action Bar si la place est disponible".
  3. Validez.
Remarque : Si l'option de menu est associée à une image, seule l'image sera affichée dans l'Action Bar.
iPhone/iPad

Sous iOS

Dans une fenêtre n'utilisant pas d'Action Bar, le menu principal de l'application est affiché en bas de la fenêtre.
Dans une fenêtre avec Action Bar, les options du menu peuvent être :
  • présentes en haut à droite de l'Action Bar (1).
  • présentes en bas de la fenêtre (recommandé) (2).
Exemple :
Pour gérer les options de menu présentes dans l'Action Bar :
  • Cas 1 : Vous transformez une fenêtre possédant un menu en une fenêtre avec une Action Bar : le menu de la fenêtre est automatiquement affiché dans l'Action Bar, en bas de la fenêtre.
  • Cas 2 : Vous créez une fenêtre avec Action Bar et vous voulez créer le menu :
    1. Dans l'onglet "Général" de la fenêtre de description de l'Action Bar, cliquez sur "2" ou "3" (options de la barre d'outils).
    2. Deux listes apparaissent.
      • La liste "En haut à droite" permet de définir les options affichées directement dans l'Action Bar.
      • La liste "En bas/dans le menu" permet de définir les options de menu apparaissant dans le menu en bas de la fenêtre.
    3. Cliquez sur "+" pour ajouter une nouvelle option : l'option ajoutée peut être modifiée dans la partie basse de l'écran.
      Si l'option de menu est associée à une image, seule l'image sera affichée dans l'Action Bar.
Remarque : Pour éditer les options sous l'éditeur, cliquez sur l'option : un menu déroulant apparaît avec les différents options correspondantes. Le menu contextuel permet de paramétrer les options (notamment d'éditer le code).
Universal Windows 10 App

Sous Universal Windows 10 App

Dans une fenêtre n'utilisant pas d'Action Bar, le menu principal de l'application est affiché en bas de la fenêtre.
Dans une fenêtre avec Action Bar, les options du menu peuvent être :
  • présentes en haut à droite de l'Action Bar.
  • présentes en bas de la fenêtre.
La position des options dépend du matériel sur lequel l'application est exécutée.
Si l'application est exécutée sur PC, toutes les options sont affichées dans l'Action Bar en haut de l'écran. Si les options sont associées à des images, seule l'image est affichée dans l'Action Bar. Dès qu'il n'y a plus de place dans l'Action Bar pour afficher une option supplémentaire ou dès qu'une option n'est pas associée à une image, un menu déroulant est affiché. Ce menu déroulant peut être ouvert via un bouton "...".
Si l'application est exécutée sur Mobile, toutes les options sont affichées dans l'Action Bar en haut de l'écran ou dans une barre de menu en bas de l'écran (selon la position choisie dans l'interface). Les règles d'affichage dans l'Action Bar et dans la barre de menu sont identiques :
  • Si les options sont associées à des images, seule l'image est affichée dans l'Action Bar/la barre de menu.
  • Dès qu'il n'y a plus de place dans l'Action Bar/la barre de menu pour afficher une option supplémentaire ou dès qu'une option n'est pas associée à une image, un menu déroulant est affiché. Ce menu déroulant peut être ouvert via un bouton "...".
Pour gérer les options de menu présentes dans l'Action Bar :
  • Cas 1 : Vous transformez une fenêtre possédant un menu en une fenêtre avec une Action Bar : le menu de la fenêtre est automatiquement affiché dans l'Action Bar, en bas de la fenêtre.
  • Cas 2 : Vous créez une fenêtre avec Action Bar et vous voulez créer le menu :
    1. Dans l'onglet "Général" de la fenêtre de description de l'Action Bar, cliquez sur "2" ou "3" (options de la barre d'outils).
    2. Deux listes apparaissent.
      • La liste "En haut à droite" permet de définir les options affichées directement dans l'Action Bar.
      • La liste "En bas/dans le menu" permet de définir les options de menu apparaissant dans le menu en bas de la fenêtre.
        Rappel : Si l'application est exécutée sur PC, ces options sont affichées à la suite de celles de la liste "En haut à droite" dans l'Action Bar.
    3. Cliquez sur "+" pour ajouter une nouvelle option : l'option ajoutée peut être modifiée dans la partie basse de l'écran.
      Si l'option de menu est associée à une image, seule l'image sera affichée dans l'Action Bar.
Remarque : Pour éditer les options sous l'éditeur, cliquez sur l'option : un menu déroulant apparaît avec les différents options correspondantes. Le menu contextuel permet de paramétrer les options (notamment d'éditer le code).
Vues/Barre de thèmes
AndroidiPhone/iPad L'Action Bar permet d'ajouter un système de navigation par vues à une fenêtre. Il est ainsi possible de n'afficher que certaines parties de la fenêtre à la fois.
Ce système de vues (ou volets) ressemble à l'utilisation du champ Onglet.
La principale différence est la suivante : les champs qui composent chaque volet sont créés uniquement lorsque le contenu du volet est affiché à l'écran. Ils sont détruits dès que le contenu du volet n'est plus visible (changement de volet par exemple).
Les champs affichés dans chaque volet sont accessibles par programmation uniquement lorsque le volet auquel ils appartiennent est affiché à l'écran.
Il est ainsi possible de réaliser des interfaces riches dans une même fenêtre en limitant l'impact sur les performances de l'application.
Android La navigation entre les différents volets peut être réalisée :
  • par des boutons affichés sur la gauche de l'Action Bar.
    Le volet souligné permet de connaître la vue active.
  • par une liste déroulante présentant les différents volets.
Le mode de navigation est automatiquement choisi en fonction de la taille de l'écran de l'appareil sur lequel l'application est exécutée (navigation par liste pour des écrans de petite taille).
iPhone/iPad La navigation entre les différents volets est réalisée grâce à une barre de thèmes présente en bas de la fenêtre :
Remarque : Si des options de barres d'outils sont positionnées en bas de l'écran, il est déconseillé d'utiliser une navigation par vue.
Pour ajouter des vues dans une Action Bar :
  1. Affichez la fenêtre de description de l'Action Bar (option "Description" du menu contextuel).
  2. Cliquez sur "4".
  3. Cliquez sur le bouton "Nouvelle vue".
  4. Saisissez :
    • Le libellé de la vue.
    • La fenêtre interne à charger dans la zone (si l'option "Avec zone d'action bar" est cochée).
    • L'icône associée (option conseillée et même recommandée sous iOS).
Option spécifique : L'option "Avec zone d'action bar" permet de simplifier la gestion des vues. Cette option permet de créer automatiquement un champ de type Zone d'Action Bar. Cette "Zone d'Action Bar" correspond à un champ Fenêtre interne. Cette zone a par défaut les dimensions de la fenêtre et affichera la fenêtre interne spécifiée.
Il est possible :
  • soit de préciser directement dans la fenêtre de description de l'Action Bar la fenêtre interne à charger dans la zone.
  • soit d'indiquer par programmation la fenêtre interne à charger dans la zone d'action.
    SI sFiltre = "" ALORS
    SELON ACTB_ActionBar
    CAS 1
    ChangeFenêtreSource(ZAB_Plat, FI_ListePlat ,"Entrées", "")
    CAS 2
    ChangeFenêtreSource(ZAB_Plat, FI_ListePlat, "Plats", "")
    CAS 3
    ChangeFenêtreSource(ZAB_Plat, FI_ListePlat, "Desserts", "")
    FIN
    SINON
    ChangeFenêtreSource(ZAB_Plat, FI_ListePlat, "", sFiltre)
    FIN
Remarques :
  • L'utilisation de fenêtres internes permet de limiter le nombre de champs chargés par l'application à un instant donné. Il est cependant possible d'utiliser également le mécanisme des plans.
  • Dans le cas d'une application multi-plateforme, l'utilisation des fenêtres internes permet de partager un contenu avec des applications iOS mais également avec des applications Android ne disposant pas d'Action Bar (périphériques utilisant un version inférieure à Android 3).
Aspect de l'Action Bar (onglet "Détail")

Présentation

L'onglet "Détail" de la fenêtre de description de l'Action Bar permet de définir son aspect. Il est possible de choisir :
  • L'aspect de l'Action Bar/NavBar.
  • Versions 21 et supérieures
    AndroidiPhone/iPad L'animation de l'Action Bar.
    Nouveauté 21
    AndroidiPhone/iPad L'animation de l'Action Bar.
    AndroidiPhone/iPad L'animation de l'Action Bar.
  • Versions 21 et supérieures
    AndroidiPhone/iPad Le mode de recherche dans l'Action Bar.
    Nouveauté 21
    AndroidiPhone/iPad Le mode de recherche dans l'Action Bar.
    AndroidiPhone/iPad Le mode de recherche dans l'Action Bar.

Aspect de l'Action Bar/NavBar

Les éléments pouvant être configurés sont :
  • la couleur de la police utilisée.
    Versions 19 et supérieures
    Il est possible d'appliquer la couleur de la police aux icônes. Dans ce cas, les icônes choisies doivent être monochromes.
    Nouveauté 19
    Il est possible d'appliquer la couleur de la police aux icônes. Dans ce cas, les icônes choisies doivent être monochromes.
    Il est possible d'appliquer la couleur de la police aux icônes. Dans ce cas, les icônes choisies doivent être monochromes.
  • la couleur de fond utilisée.
  • AndroidiPhone/iPad l'image de fond de l'Action Bar. Le mode 9 images est disponible.
Versions 19 et supérieures
iPhone/iPad Remarques :
  • Les options de couleur de police et de couleur de fond n'ont aucun effet avant iOS 7.
  • Sous IOS 7, il est possible de choisir les caractéristiques système pour l'Action Bar : "Texte foncé, fond transparent" ou "Texte clair, fond transparent".
Nouveauté 19
iPhone/iPad Remarques :
  • Les options de couleur de police et de couleur de fond n'ont aucun effet avant iOS 7.
  • Sous IOS 7, il est possible de choisir les caractéristiques système pour l'Action Bar : "Texte foncé, fond transparent" ou "Texte clair, fond transparent".
iPhone/iPad Remarques :
  • Les options de couleur de police et de couleur de fond n'ont aucun effet avant iOS 7.
  • Sous IOS 7, il est possible de choisir les caractéristiques système pour l'Action Bar : "Texte foncé, fond transparent" ou "Texte clair, fond transparent".
Versions 21 et supérieures
AndroidiPhone/iPad

Animation de l'Action Bar

Plusieurs options permettent de gérer l'animation de l'Action Bar :
  • Masquer automatiquement l'Action Bar lors du Scroll : Cette option permet de masquer automatiquement l'Action Bar lors du scroll (dans une fenêtre, fenêtre interne, superchamp, table ou zone répétée). Dans certains cas, lorsque cette option est active, il peut être nécessaire de ne pas masquer l'Action Bar. Ce paramétrage peut être réalisé avec la propriété ..AutoriseMasquageActionBar. Cette option permet d'obtenir la disparition progressive de l'Action Bar :

  • Rendre le fond des barres transparent : Cette option permet de gérer la transparence de l'Action Bar. Lorsque cette option est cochée, l'Action Bar devient transparente. Il est alors possible :
    • de paramétrer quelles sont les barres modifiées : Action Bar seule ou Action Bar et barre système.
    • de paramétrer l'opacité de l'Action Bar grâce à la propriété ..Opacité. Cette propriété peut être utilisée par exemple dans le traitement optionnel de la fenêtre "Déplacement de l'ascenseur". Exemple :
      // Permet d'avoir 30% d'opacité maximum à 150px en Y
      // L'opacité va de 0 à 30%
      nOpacitéMax est un entier = 30
      nOpacité est un entier
      nOpacité = nOpacitéMax * AscenseurPosition(MaFenêtre) / CoordonnéeEditeurVersEcran(150)
      SI nOpacité > nOpacitéMax ALORS
      nOpacité = nOpacitéMax
      FIN
      ACTB_ActionBar..Opacité = nOpacité
Attention : L'option "Rendre le fond des barres transparent" modifie l'origine des champs. Sous l'éditeur, les champs situés sous l'Action Bar sont automatiquement déplacés.
Remarques :
  • Si la propriété ..Visible est utilisée sur le champ Action Bar, une animation est automatiquement effectuée lors de la disparition de l'Action Bar.
  • iPhone/iPad L'option "Masquer automatiquement l'Action Bar lors du Scroll" est disponible à partir de iOS 8.
  • Android L'option "Masquer automatiquement l'Action Bar lors du Scroll" est disponible à partir de Android 5.
Nouveauté 21
AndroidiPhone/iPad

Animation de l'Action Bar

Plusieurs options permettent de gérer l'animation de l'Action Bar :
  • Masquer automatiquement l'Action Bar lors du Scroll : Cette option permet de masquer automatiquement l'Action Bar lors du scroll (dans une fenêtre, fenêtre interne, superchamp, table ou zone répétée). Dans certains cas, lorsque cette option est active, il peut être nécessaire de ne pas masquer l'Action Bar. Ce paramétrage peut être réalisé avec la propriété ..AutoriseMasquageActionBar. Cette option permet d'obtenir la disparition progressive de l'Action Bar :

  • Rendre le fond des barres transparent : Cette option permet de gérer la transparence de l'Action Bar. Lorsque cette option est cochée, l'Action Bar devient transparente. Il est alors possible :
    • de paramétrer quelles sont les barres modifiées : Action Bar seule ou Action Bar et barre système.
    • de paramétrer l'opacité de l'Action Bar grâce à la propriété ..Opacité. Cette propriété peut être utilisée par exemple dans le traitement optionnel de la fenêtre "Déplacement de l'ascenseur". Exemple :
      // Permet d'avoir 30% d'opacité maximum à 150px en Y
      // L'opacité va de 0 à 30%
      nOpacitéMax est un entier = 30
      nOpacité est un entier
      nOpacité = nOpacitéMax * AscenseurPosition(MaFenêtre) / CoordonnéeEditeurVersEcran(150)
      SI nOpacité > nOpacitéMax ALORS
      nOpacité = nOpacitéMax
      FIN
      ACTB_ActionBar..Opacité = nOpacité
Attention : L'option "Rendre le fond des barres transparent" modifie l'origine des champs. Sous l'éditeur, les champs situés sous l'Action Bar sont automatiquement déplacés.
Remarques :
  • Si la propriété ..Visible est utilisée sur le champ Action Bar, une animation est automatiquement effectuée lors de la disparition de l'Action Bar.
  • iPhone/iPad L'option "Masquer automatiquement l'Action Bar lors du Scroll" est disponible à partir de iOS 8.
  • Android L'option "Masquer automatiquement l'Action Bar lors du Scroll" est disponible à partir de Android 5.
AndroidiPhone/iPad

Animation de l'Action Bar

Plusieurs options permettent de gérer l'animation de l'Action Bar :
  • Masquer automatiquement l'Action Bar lors du Scroll : Cette option permet de masquer automatiquement l'Action Bar lors du scroll (dans une fenêtre, fenêtre interne, superchamp, table ou zone répétée). Dans certains cas, lorsque cette option est active, il peut être nécessaire de ne pas masquer l'Action Bar. Ce paramétrage peut être réalisé avec la propriété ..AutoriseMasquageActionBar. Cette option permet d'obtenir la disparition progressive de l'Action Bar :

  • Rendre le fond des barres transparent : Cette option permet de gérer la transparence de l'Action Bar. Lorsque cette option est cochée, l'Action Bar devient transparente. Il est alors possible :
    • de paramétrer quelles sont les barres modifiées : Action Bar seule ou Action Bar et barre système.
    • de paramétrer l'opacité de l'Action Bar grâce à la propriété ..Opacité. Cette propriété peut être utilisée par exemple dans le traitement optionnel de la fenêtre "Déplacement de l'ascenseur". Exemple :
      // Permet d'avoir 30% d'opacité maximum à 150px en Y
      // L'opacité va de 0 à 30%
      nOpacitéMax est un entier = 30
      nOpacité est un entier
      nOpacité = nOpacitéMax * AscenseurPosition(MaFenêtre) / CoordonnéeEditeurVersEcran(150)
      SI nOpacité > nOpacitéMax ALORS
      nOpacité = nOpacitéMax
      FIN
      ACTB_ActionBar..Opacité = nOpacité
Attention : L'option "Rendre le fond des barres transparent" modifie l'origine des champs. Sous l'éditeur, les champs situés sous l'Action Bar sont automatiquement déplacés.
Remarques :
  • Si la propriété ..Visible est utilisée sur le champ Action Bar, une animation est automatiquement effectuée lors de la disparition de l'Action Bar.
  • iPhone/iPad L'option "Masquer automatiquement l'Action Bar lors du Scroll" est disponible à partir de iOS 8.
  • Android L'option "Masquer automatiquement l'Action Bar lors du Scroll" est disponible à partir de Android 5.
Versions 21 et supérieures
AndroidiPhone/iPad

Recherche dans l'Action Bar

Pour permettre une recherche dans l'Action Bar :
  1. Cochez l'option "Autoriser la recherche dans l'Action Bar". Un nouveau traitement est automatiquement associé au champ Action Bar : "Validation de la recherche". Ce traitement permet d'effectuer la recherche.
  2. Si l'option "Historique de recherche" est cochée, l'historique des dernières recherches effectuées sera proposé à l'utilisateur.
    iPhone/iPad Remarque : L'option "Avec bouton pour vider l'historique" permet de gérer automatiquement la mise à blanc de l'historique.
Pour mettre en place la recherche, effectuez par exemple les manipulations suivantes :
  1. Créez un bouton de recherche dans l'Action Bar (par exemple un bouton "Loupe").
  2. Dans le code de cette option, utilisez la fonction ActionBarRechercheVisible pour afficher le champ de saisie de la recherche. Par exemple :
    ActionBarRechercheVisible(Vrai, "Client à rechercher")
  3. Affichez les traitements associés au champ Action Bar. Dans le traitement "Validation de la recherche", saisissez le code permettant d'effectuer la recherche et d'afficher le résultat. Dans ce code, il est possible de connaître la valeur saisie par l'utilisateur grâce à la propriété ..ValeurRecherche.
    Par exemple :
    // Recherche d'un produit.
    // Le résultat est affiché dans une zone répétée.
    // La valeur recherchée correspond à un paramètre de la requête de base de la Zone répétée.
    REQ_Produits.ParamNom = ACTB_ActionBar..ValeurRecherche
    ZoneRépétéeAffiche(ZR_REQ_Produits, taRéExécuteRequete)
Remarques :
  • Si l'historique des recherches est activé :
    • lorsque le champ de saisie est vide, les 10 dernières recherches sont proposées.
    • lorsque la saisie a débuté, 10 propositions sont affichées en fonction de ce qui a été saisi.
  • Il est possible de vider l'historique avec la fonction ActionBarSupprimeHistoriqueRecherche.
  • iPhone/iPad Si l'option "Avec bouton pour vider l'historique" est sélectionnée, l'historique propose un choix pour effacer l'historique à la fin de la liste des propositions.
  • Deux traitements sont automatiquement ajoutés lors de l'activation de la recherche dans l'Action Bar :
    • Validation de la recherche.
    • Modification de la recherche.
  • Annulation de la recherche : Pour savoir si l'utilisateur a annulé la recherche, testez la valeur de la propriété ..ValeurRecherche dans le traitement "Validation de la recherche". Cette valeur vaut "" (chaîne vide) en cas d'annulation.
Liste des exemples associés :
WM Gestion Contacts Exemples multiplateforme (WINDEV Mobile) : WM Gestion Contacts
[ + ] Cet exemple illustre la gestion de contacts pour Android et iOS.
Il permet de :
- lister les contacts du téléphone
- appeler les contacts
- envoyer des sms aux contacts
- ...
WM Shopping Exemples multiplateforme (WINDEV Mobile) : WM Shopping
[ + ] WM Shopping vous permet de gérer plusieurs listes de courses.
Pour ajouter un produit :
- Scannez directement le code-barre pour l'ajouter
- ou... recherchez un produit ajouté auparavant et ajoutez-le !
- ou encore... ajoutez un produit depuis votre historique d'achat !
Vous pourrez ensuite éditer la quantité, l'image... et ajouter des notes pour vous en rappeler pendant les courses !
Nouveauté 21
AndroidiPhone/iPad

Recherche dans l'Action Bar

Pour permettre une recherche dans l'Action Bar :
  1. Cochez l'option "Autoriser la recherche dans l'Action Bar". Un nouveau traitement est automatiquement associé au champ Action Bar : "Validation de la recherche". Ce traitement permet d'effectuer la recherche.
  2. Si l'option "Historique de recherche" est cochée, l'historique des dernières recherches effectuées sera proposé à l'utilisateur.
    iPhone/iPad Remarque : L'option "Avec bouton pour vider l'historique" permet de gérer automatiquement la mise à blanc de l'historique.
Pour mettre en place la recherche, effectuez par exemple les manipulations suivantes :
  1. Créez un bouton de recherche dans l'Action Bar (par exemple un bouton "Loupe").
  2. Dans le code de cette option, utilisez la fonction ActionBarRechercheVisible pour afficher le champ de saisie de la recherche. Par exemple :
    ActionBarRechercheVisible(Vrai, "Client à rechercher")
  3. Affichez les traitements associés au champ Action Bar. Dans le traitement "Validation de la recherche", saisissez le code permettant d'effectuer la recherche et d'afficher le résultat. Dans ce code, il est possible de connaître la valeur saisie par l'utilisateur grâce à la propriété ..ValeurRecherche.
    Par exemple :
    // Recherche d'un produit.
    // Le résultat est affiché dans une zone répétée.
    // La valeur recherchée correspond à un paramètre de la requête de base de la Zone répétée.
    REQ_Produits.ParamNom = ACTB_ActionBar..ValeurRecherche
    ZoneRépétéeAffiche(ZR_REQ_Produits, taRéExécuteRequete)
Remarques :
  • Si l'historique des recherches est activé :
    • lorsque le champ de saisie est vide, les 10 dernières recherches sont proposées.
    • lorsque la saisie a débuté, 10 propositions sont affichées en fonction de ce qui a été saisi.
  • Il est possible de vider l'historique avec la fonction ActionBarSupprimeHistoriqueRecherche.
  • iPhone/iPad Si l'option "Avec bouton pour vider l'historique" est sélectionnée, l'historique propose un choix pour effacer l'historique à la fin de la liste des propositions.
  • Deux traitements sont automatiquement ajoutés lors de l'activation de la recherche dans l'Action Bar :
    • Validation de la recherche.
    • Modification de la recherche.
  • Annulation de la recherche : Pour savoir si l'utilisateur a annulé la recherche, testez la valeur de la propriété ..ValeurRecherche dans le traitement "Validation de la recherche". Cette valeur vaut "" (chaîne vide) en cas d'annulation.
Liste des exemples associés :
WM Gestion Contacts Exemples multiplateforme (WINDEV Mobile) : WM Gestion Contacts
[ + ] Cet exemple illustre la gestion de contacts pour Android et iOS.
Il permet de :
- lister les contacts du téléphone
- appeler les contacts
- envoyer des sms aux contacts
- ...
WM Shopping Exemples multiplateforme (WINDEV Mobile) : WM Shopping
[ + ] WM Shopping vous permet de gérer plusieurs listes de courses.
Pour ajouter un produit :
- Scannez directement le code-barre pour l'ajouter
- ou... recherchez un produit ajouté auparavant et ajoutez-le !
- ou encore... ajoutez un produit depuis votre historique d'achat !
Vous pourrez ensuite éditer la quantité, l'image... et ajouter des notes pour vous en rappeler pendant les courses !
AndroidiPhone/iPad

Recherche dans l'Action Bar

Pour permettre une recherche dans l'Action Bar :
  1. Cochez l'option "Autoriser la recherche dans l'Action Bar". Un nouveau traitement est automatiquement associé au champ Action Bar : "Validation de la recherche". Ce traitement permet d'effectuer la recherche.
  2. Si l'option "Historique de recherche" est cochée, l'historique des dernières recherches effectuées sera proposé à l'utilisateur.
    iPhone/iPad Remarque : L'option "Avec bouton pour vider l'historique" permet de gérer automatiquement la mise à blanc de l'historique.
Pour mettre en place la recherche, effectuez par exemple les manipulations suivantes :
  1. Créez un bouton de recherche dans l'Action Bar (par exemple un bouton "Loupe").
  2. Dans le code de cette option, utilisez la fonction ActionBarRechercheVisible pour afficher le champ de saisie de la recherche. Par exemple :
    ActionBarRechercheVisible(Vrai, "Client à rechercher")
  3. Affichez les traitements associés au champ Action Bar. Dans le traitement "Validation de la recherche", saisissez le code permettant d'effectuer la recherche et d'afficher le résultat. Dans ce code, il est possible de connaître la valeur saisie par l'utilisateur grâce à la propriété ..ValeurRecherche.
    Par exemple :
    // Recherche d'un produit.
    // Le résultat est affiché dans une zone répétée.
    // La valeur recherchée correspond à un paramètre de la requête de base de la Zone répétée.
    REQ_Produits.ParamNom = ACTB_ActionBar..ValeurRecherche
    ZoneRépétéeAffiche(ZR_REQ_Produits, taRéExécuteRequete)
Remarques :
  • Si l'historique des recherches est activé :
    • lorsque le champ de saisie est vide, les 10 dernières recherches sont proposées.
    • lorsque la saisie a débuté, 10 propositions sont affichées en fonction de ce qui a été saisi.
  • Il est possible de vider l'historique avec la fonction ActionBarSupprimeHistoriqueRecherche.
  • iPhone/iPad Si l'option "Avec bouton pour vider l'historique" est sélectionnée, l'historique propose un choix pour effacer l'historique à la fin de la liste des propositions.
  • Deux traitements sont automatiquement ajoutés lors de l'activation de la recherche dans l'Action Bar :
    • Validation de la recherche.
    • Modification de la recherche.
  • Annulation de la recherche : Pour savoir si l'utilisateur a annulé la recherche, testez la valeur de la propriété ..ValeurRecherche dans le traitement "Validation de la recherche". Cette valeur vaut "" (chaîne vide) en cas d'annulation.
Liste des exemples associés :
WM Gestion Contacts Exemples multiplateforme (WINDEV Mobile) : WM Gestion Contacts
[ + ] Cet exemple illustre la gestion de contacts pour Android et iOS.
Il permet de :
- lister les contacts du téléphone
- appeler les contacts
- envoyer des sms aux contacts
- ...
WM Shopping Exemples multiplateforme (WINDEV Mobile) : WM Shopping
[ + ] WM Shopping vous permet de gérer plusieurs listes de courses.
Pour ajouter un produit :
- Scannez directement le code-barre pour l'ajouter
- ou... recherchez un produit ajouté auparavant et ajoutez-le !
- ou encore... ajoutez un produit depuis votre historique d'achat !
Vous pourrez ensuite éditer la quantité, l'image... et ajouter des notes pour vous en rappeler pendant les courses !
Version minimum requise
  • Version 19
Documentation également disponible pour…
Commentaires
Cliquez sur [Ajouter] pour publier un commentaire