API d'UI dynamique
Modifiez dynamiquement des éléments d'UI natifs comme les couleurs de la barre d'état ou de la barre inférieure depuis votre application web.
WebViewGold vous permet de personnaliser dynamiquement les éléments d'interface utilisateur de votre application web. Ces éléments peuvent inclure la barre d'état, la barre inférieure (iOS), la barre de navigation (Android) et le geste « tirer pour actualiser » (iOS). WebViewGold inclut les commandes suivantes pour personnaliser dynamiquement ces éléments :
- statusbarcolor://
- La COMMANDE MAÎTRESSE pour changer automatiquement la couleur de la barre d'état et de toutes les autres fonctionnalités d'interface concernées, telles que la couleur du texte de la barre d'état, la couleur de la barre inférieure (iOS), la couleur de la barre de navigation (Android), etc.
- statusbartextcolor://
- Vous permet de modifier manuellement la couleur du texte de la barre d'état (iOS et Android).
- bottombarcolor://
- Si un élément d'interface « barre inférieure » (iOS) ou « barre de navigation » (Android) existe, vous permet de modifier manuellement sa couleur.
- hidebars://
- Vous permet de masquer l'arrière-plan de la barre d'état, dont le texte reste affiché sur un fond transparent.
Changer la couleur de la barre d'état (et automatiquement des autres éléments d'interface) :
Cette fonctionnalité prend en charge une entrée de couleur au format suivant :
- RGB = {rouge, vert, bleu}
Utilisez JavaScript avec ce type d'URL pour changer la couleur de la barre d'état :
<script> // Exemple : rouge window.location.href = "statusbarcolor://255,0,0"; </script>Lorsque vous changez la couleur de la barre d'état, le texte de la barre d'état passe automatiquement à une couleur appropriée (blanc ou noir) en fonction du degré d'obscurité de la couleur.
Les fonctionnalités d'interface optionnelles telles que Pull To Refresh (iOS), la barre inférieure (iOS) et la barre de navigation (Android) verront également leurs couleurs ajustées automatiquement.
Changer la couleur du texte de la barre d'état :
Si vous souhaitez choisir manuellement la couleur du texte de la barre d'état, vous pouvez le faire à l'aide de cette option.
Cette fonctionnalité prend en charge une entrée textuelle pour les options suivantes :
- « white »
- « black »
<script> // Exemple : texte blanc window.location.href = "statusbartextcolor://white"; // Exemple : texte noir window.location.href = "statusbartextcolor://black"; </script>
Changer la couleur de la barre inférieure :
Cette fonctionnalité prend en charge une entrée de couleur au format suivant :
- RGB = {rouge, vert, bleu}
Utilisez JavaScript avec ce type d'URL pour changer la couleur de la barre d'état :
<script> // Exemple : rouge window.location.href = "bottombarcolor://255,0,0"; </script>
Masquer la barre d'état
La fonctionnalité hidebars peut être activée ou désactivée.
Notez que le texte de la barre d'état, comme l'heure et le pourcentage de batterie, restent visibles pour l'utilisateur, mais l'arrière-plan qui entoure le texte devient transparent et la WebView s'étend pour occuper l'espace libéré.
Utilisez JavaScript pour changer l'état de visibilité de la barre :
<script> // Exemple : masquer les barres window.location.href = "hidebars://on"; // Exemple : réafficher les barres après avoir été masquées window.location.href = "hidebars://off"; </script>