PC SOFT

ONLINE HELP
 WINDEV, WEBDEV AND WINDEV MOBILE

Home | Sign in | English EN
  • 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
  • Divers
  • Recherche dans l'Action Bar
WINDEV
WindowsLinuxUniversal Windows 10 AppJavaEtats et RequêtesCode Utilisateur (MCU)
WEBDEV
WindowsLinuxPHPWEBDEV - Code Navigateur
WINDEV Mobile
AndroidWidget AndroidiPhone/iPadWidget iOSApple WatchCatalystUniversal Windows 10 AppWindows Mobile
Autres
Procédures stockées
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.
Différents éléments de l'Action Bar
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.
    Action Bar sous Android
  • iPhone/iPad sous iOS : Par défaut, l'Action Bar affiche le titre de la fenêtre courante et un bouton.
    Action Bar sous iOS
  • 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. L'événement "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 :
Fenêtre de description
  • Code : Exécuter le traitement de clic du champ : L'événement "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 l'événement "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 l'événement "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 l'événement "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 l'événement "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 l'événement "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 l'événement "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 l'événement "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 l'événement "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 l'événement "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.
Menu affiché par le bouton
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,
    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.
    Action Bar
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 "UI", 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 (affiché uniquement à l'exécution sur l'appareil ou l'émulateur)".
  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 "UI", cochez la case "Afficher cette option comme un bouton en haut à droite de 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 (affiché uniquement à l'exécution sur l'appareil ou l'émulateur)".
  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 "UI", cochez la case "Afficher cette option comme un bouton en haut à droite de 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 (affiché uniquement à l'exécution sur l'appareil ou l'émulateur)".
  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 "UI", cochez la case "Afficher cette option comme un bouton en haut à droite de 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 :
Action Bar sous iOS
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.
    Navigation entre les volets
    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 :
Navigation entre les volets
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".
    Description des vues
  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

L'aspect de l'Action Bar est configuré via le bouton "Editer le style des barres".
La fenêtre de paramétrage propose de paramétrer :
  • la barre système.
  • l'Action Bar.
Pour la barre système, les éléments pouvant être configurés sont :
  • la couleur de fond utilisée.
  • la couleur du texte.
    Versions 19 et supérieures
    iPhone/iPad Remarque : Il est possible de choisir les caractéristiques système pour la barre système : "Texte foncé, fond transparent" ou "Texte clair, fond transparent".
    Nouveauté 19
    iPhone/iPad Remarque : Il est possible de choisir les caractéristiques système pour la barre système : "Texte foncé, fond transparent" ou "Texte clair, fond transparent".
    iPhone/iPad Remarque : Il est possible de choisir les caractéristiques système pour la barre système : "Texte foncé, fond transparent" ou "Texte clair, fond transparent".
  • le mode de recouvrement. L'option "Barre en recouvrement" permet de gérer la transparence de la barre système. Lorsque cette option est cochée, la barre système devient transparente. Il est alors possible de paramétrer l'opacité de la barre système grâce à la propriété Opacité. Cette propriété peut être utilisée par exemple dans l'événement optionnel de la fenêtre "Déplacement de l'ascenseur".
    Attention : L'option "Barre en recouvrement" modifie l'origine des champs. Sous l'éditeur, les champs situés sous la barre système sont automatiquement déplacés.
Pour l'Action Bar, les éléments pouvant être configurés sont :
  • la couleur de fond utilisée.
  • la couleur de la police utilisée.
    Versions 19 et supérieures
    l'option "Appliquer la couleur de police aux icônes actives (Action Bar et barre de navigation)" permet d'appliquer la couleur de la police aux icônes. Dans ce cas, les icônes choisies doivent être monochromes.
    Nouveauté 19
    l'option "Appliquer la couleur de police aux icônes actives (Action Bar et barre de navigation)" permet d'appliquer la couleur de la police aux icônes. Dans ce cas, les icônes choisies doivent être monochromes.
    l'option "Appliquer la couleur de police aux icônes actives (Action Bar et barre de navigation)" permet d'appliquer la couleur de la police aux icônes. Dans ce cas, les icônes choisies doivent être monochromes.
  • AndroidiPhone/iPad l'image de fond de l'Action Bar. Le mode 9 images est disponible.
  • le mode de recouvrement. L'option "Barre en recouvrement" 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 l'opacité de l'Action Bar grâce à la propriété Opacité. Cette propriété peut être utilisée par exemple dans l'événement 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 "Barre en recouvrement" modifie l'origine des champs. Sous l'éditeur, les champs situés sous l'Action Bar sont automatiquement déplacés.
Versions 21 et supérieures
AndroidiPhone/iPad

Divers

L'option Masquer automatiquement l'Action Bar lors du Scroll permet de masquer automatiquement l'Action Bar lors du scroll (dans une fenêtre, une fenêtre interne, un superchamp, un champ 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 :

Remarque : 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.
Nouveauté 21
AndroidiPhone/iPad

Divers

L'option Masquer automatiquement l'Action Bar lors du Scroll permet de masquer automatiquement l'Action Bar lors du scroll (dans une fenêtre, une fenêtre interne, un superchamp, un champ 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 :

Remarque : 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.
AndroidiPhone/iPad

Divers

L'option Masquer automatiquement l'Action Bar lors du Scroll permet de masquer automatiquement l'Action Bar lors du scroll (dans une fenêtre, une fenêtre interne, un superchamp, un champ 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 :

Remarque : 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.
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 nouvel événement est automatiquement associé au champ Action Bar : "Validation de la recherche". Cet événement permet d'effectuer la recherche.
  2. Si l'option "Avec 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 événements WLangage associés au champ Action Bar. Dans l'événement "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 un champ Zone répétée.
    // La valeur recherchée correspond à un paramètre de la requête de base du champ 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 événements WLangage 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 l'événement "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 nouvel événement est automatiquement associé au champ Action Bar : "Validation de la recherche". Cet événement permet d'effectuer la recherche.
  2. Si l'option "Avec 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 événements WLangage associés au champ Action Bar. Dans l'événement "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 un champ Zone répétée.
    // La valeur recherchée correspond à un paramètre de la requête de base du champ 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 événements WLangage 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 l'événement "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 nouvel événement est automatiquement associé au champ Action Bar : "Validation de la recherche". Cet événement permet d'effectuer la recherche.
  2. Si l'option "Avec 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 événements WLangage associés au champ Action Bar. Dans l'événement "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 un champ Zone répétée.
    // La valeur recherchée correspond à un paramètre de la requête de base du champ 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 événements WLangage 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 l'événement "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 !
Voir Aussi
Minimum version required
  • Version 19
Comments
Click [Add] to post a comment