API de UI dinámica
Cambie dinámicamente elementos de UI nativos, como los colores de la barra de estado o la barra inferior, desde su aplicación web.
WebViewGold le permite personalizar dinámicamente los elementos de la interfaz de usuario en su aplicación web. Estos elementos pueden incluir la barra de estado, la barra inferior (iOS), la barra de navegación (Android) y el gesto de tirar para actualizar (iOS). WebViewGold incluye los siguientes comandos para personalizar dinámicamente estos elementos:
- statusbarcolor://
- El COMANDO MAESTRO para cambiar el color de la barra de estado y de otras características relevantes de la interfaz automáticamente, como el color del texto de la barra de estado, el color de la barra inferior (iOS), el color de la barra de navegación (Android), etc.
- statusbartextcolor://
- Le permite cambiar manualmente el color del texto de la barra de estado (iOS y Android).
- bottombarcolor://
- Si existe un elemento de interfaz de barra inferior (iOS) o barra de navegación (Android), le permite cambiar manualmente su color.
- hidebars://
- Le permite ocultar el fondo de la barra de estado, cuyo texto permanece sobre un fondo transparente.
Cambiar el color de la barra de estado (y de otros elementos de la interfaz automáticamente):
Esta función admite una entrada de color con el siguiente formato:
- RGB = {red, green, blue}
Utilice JavaScript con este tipo de URL para cambiar el color de la barra de estado:
<script> // Example: red window.location.href = "statusbarcolor://255,0,0"; </script>Cuando cambie el color de la barra de estado, el texto de la barra de estado cambiará automáticamente a un color adecuado (blanco o negro) según lo oscuro que sea el color.
Las funciones opcionales de la interfaz como Pull To Refresh (iOS), la barra inferior (iOS) y la barra de navegación (Android) también ajustarán sus colores automáticamente.
Cambiar el color del texto de la barra de estado:
Si desea elegir manualmente el color del texto de la barra de estado, puede hacerlo utilizando esta opción.
Esta función admite una entrada de texto con las siguientes opciones:
- "white"
- "black"
<script> // Example: white text window.location.href = "statusbartextcolor://white"; // Example: black text window.location.href = "statusbartextcolor://black"; </script>
Cambiar el color de la barra inferior:
Esta función admite una entrada de color con el siguiente formato:
- RGB = {red, green, blue}
Utilice JavaScript con este tipo de URL para cambiar el color de la barra de estado:
<script> // Example: red window.location.href = "bottombarcolor://255,0,0"; </script>
Ocultar la barra de estado
La funcionalidad hidebars puede estar activada o desactivada.
Tenga en cuenta que el texto de la barra de estado, como la hora y el porcentaje de batería, seguirán siendo visibles para el usuario, pero el fondo que rodea al texto se vuelve transparente y el WebView se expande para ocupar el espacio dejado.
Utilice JavaScript para cambiar el estado de visibilidad de la barra:
<script> // Example: hide the bars from view window.location.href = "hidebars://on"; // Example: redisplay the bars after being hidden window.location.href = "hidebars://off"; </script>