|
|
|
|
|
- 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 (Action Bar système uniquement)
- Sous Universal Windows 10 App
- Vues/Barre de navigation
- Aspect de l'Action Bar (onglet "Détail")
- Présentation
- Aspect de l'Action Bar
Description du champ Action Bar
Une Action Bar peut correspondre à : - Une Action Bar système : L'Action Bar dépend du système utilisé. Elle peut être différente selon la plateforme utilisée.
- Une Action Bar personnalisée, afin d'avoir un fonctionnement identique quelle que soit la plateforme. Dans ce cas, il est possible de :
- Modifier la hauteur de l'Action Bar,
- Ajouter des champs dans l'Action Bar.
Cette page d'aide présente les points importants de la fenêtre de description du champ Action Bar : 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 : - 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,
- Icône affichée.
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 : - Code : Exécuter le traitement de clic du champ : L'événement "Clic sur le bouton de gauche" sera alors automatiquement exécuté.
- 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é.
- 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 (Action Bar système uniquement) 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.
Aspect de l'Action Bar L'aspect de l'Action Bar est configuré via : - le bouton "Éditer le style des barres", qui permet de paramétrer le style de la barre système et de l'Action Bar.
- la hauteur de l'Action Bar (disponible uniquement pour les Action Bar personnalisées). Cette option permet d'harmoniser la hauteur de l'action Bar quelque soit le système utilisé. Cette hauteur est exprimée en pixels.
La fenêtre de paramétrage des styles propose : - Le paramétrage de la barre système :
Les éléments pouvant être configurés sont : - la couleur de fond utilisée.
- la couleur du texte.
- le mode de recouvrement. L'option "Barre affichée par dessus" 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 affichée par dessus" modifie l'origine des champs. Sous l'éditeur, les champs situés sous la barre système sont automatiquement déplacés.
- Le paramétrage de l'Action Bar :
Les éléments pouvant être configurés sont : - la couleur de fond utilisée.
- la couleur de la police utilisée.
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. - le mode de recouvrement. L'option "Barre affichée par dessus" 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 :
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 affichée par dessus" modifie l'origine des champs. Sous l'éditeur, les champs situés sous l'Action Bar sont automatiquement déplacés.
Documentation également disponible pour…
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|