You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

252 lines
6.4 KiB

7 years ago
  1. <!---
  2. Licensed to the Apache Software Foundation (ASF) under one
  3. or more contributor license agreements. See the NOTICE file
  4. distributed with this work for additional information
  5. regarding copyright ownership. The ASF licenses this file
  6. to you under the Apache License, Version 2.0 (the
  7. "License"); you may not use this file except in compliance
  8. with the License. You may obtain a copy of the License at
  9. http://www.apache.org/licenses/LICENSE-2.0
  10. Unless required by applicable law or agreed to in writing,
  11. software distributed under the License is distributed on an
  12. "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
  13. KIND, either express or implied. See the License for the
  14. specific language governing permissions and limitations
  15. under the License.
  16. -->
  17. # cordova-plugin-statusbar
  18. # StatusBar
  19. > El `StatusBar` objeto proporciona algunas funciones para personalizar el iOS y Android StatusBar.
  20. ## Instalación
  21. Cordova plugin agregar cordova-plugin-statusbar
  22. ## Preferencias
  23. #### config.xml
  24. * **StatusBarOverlaysWebView** (boolean, true por defecto). En iOS 7, hacer la superposición statusbar o no superponer la WebView al inicio.
  25. <preference name="StatusBarOverlaysWebView" value="true" />
  26. * **StatusBarBackgroundColor** (cadena hexadecimal color, #000000 por defecto). En iOS 7, establecer el color de fondo de la barra de estado por una cadena hexadecimal (#RRGGBB) en el arranque.
  27. <preference name="StatusBarBackgroundColor" value="#000000" />
  28. * **StatusBarStyle** (status bar estilo por defecto lightcontent). En iOS 7, definir el estilo de barra de estado. Por defecto las opciones disponibles, lightcontent, blacktranslucent, blackopaque.
  29. <preference name="StatusBarStyle" value="lightcontent" />
  30. ## Escondido en el arranque
  31. Durante el tiempo de ejecución puede utilizar la función StatusBar.hide abajo, pero si quieres la barra de estado que está escondido en el inicio de la aplicación, se debe modificar el archivo Info.plist de su aplicación.
  32. Agregar/editar estos dos atributos si no está presente. Defina **"inicialmente se esconde la barra de estado"** a **"YES"** y **"Aparición de vista basado en controlador estatus bar"** a **"NO"**. Si se edita manualmente sin Xcode, las claves y valores son:
  33. < llave > UIStatusBarHidden < / key >< verdadero / >< llave > UIViewControllerBasedStatusBarAppearance < / key >< falso / >
  34. ## Métodos
  35. Este plugin define global `StatusBar` objeto.
  36. Aunque en el ámbito global, no estará disponible hasta después de la `deviceready` evento.
  37. document.addEventListener ("deviceready", onDeviceReady, false);
  38. function onDeviceReady() {console.log(StatusBar)};
  39. * StatusBar.overlaysWebView
  40. * StatusBar.styleDefault
  41. * StatusBar.styleLightContent
  42. * StatusBar.styleBlackTranslucent
  43. * StatusBar.styleBlackOpaque
  44. * StatusBar.backgroundColorByName
  45. * StatusBar.backgroundColorByHexString
  46. * StatusBar.hide
  47. * StatusBar.show
  48. ## Propiedades
  49. * StatusBar.isVisible
  50. ## Permisos
  51. #### config.xml
  52. < nombre de la función = "StatusBar" >< nombre param = "ios-paquete" value = "CDVStatusBar" onload = "true" / >< / característica >
  53. # StatusBar.overlaysWebView
  54. En iOS 7, hacer la barra de estado superposición o no superponer la vista Web.
  55. StatusBar.overlaysWebView(true);
  56. ## Descripción
  57. En iOS 7, establecida en false para que la barra de estado aparezca como iOS 6. Establece el color de fondo y estilo para utilizar las otras funciones.
  58. ## Plataformas soportadas
  59. * iOS
  60. ## Ejemplo rápido
  61. StatusBar.overlaysWebView(true);
  62. StatusBar.overlaysWebView(false);
  63. # StatusBar.styleDefault
  64. Utilice la barra de estado por defecto (texto oscuro, para fondos de luz).
  65. StatusBar.styleDefault();
  66. ## Plataformas soportadas
  67. * iOS
  68. * Windows Phone 7
  69. * Windows Phone 8
  70. * Windows Phone 8.1
  71. # StatusBar.styleLightContent
  72. Utilice la barra de estado lightContent (texto ligero, para fondos oscuros).
  73. StatusBar.styleLightContent();
  74. ## Plataformas soportadas
  75. * iOS
  76. * Windows Phone 7
  77. * Windows Phone 8
  78. * Windows Phone 8.1
  79. # StatusBar.styleBlackTranslucent
  80. Utilice la barra de estado blackTranslucent (texto ligero, para fondos oscuros).
  81. StatusBar.styleBlackTranslucent();
  82. ## Plataformas soportadas
  83. * iOS
  84. * Windows Phone 7
  85. * Windows Phone 8
  86. * Windows Phone 8.1
  87. # StatusBar.styleBlackOpaque
  88. Utilice la barra de estado blackOpaque (texto ligero, para fondos oscuros).
  89. StatusBar.styleBlackOpaque();
  90. ## Plataformas soportadas
  91. * iOS
  92. * Windows Phone 7
  93. * Windows Phone 8
  94. * Windows Phone 8.1
  95. # StatusBar.backgroundColorByName
  96. En iOS 7, al establecer StatusBar.statusBarOverlaysWebView a false, se puede establecer el color de fondo de la barra de estado nombre del color.
  97. StatusBar.backgroundColorByName("red");
  98. Nombres de los colores admitidos son:
  99. negro, gris oscuro, lightGray, blanco, gris, rojo, verde, azul, cian, amarillo, magenta, naranja, púrpura, marrón
  100. ## Plataformas soportadas
  101. * iOS
  102. * Windows Phone 7
  103. * Windows Phone 8
  104. * Windows Phone 8.1
  105. # StatusBar.backgroundColorByHexString
  106. Establece el color de fondo de la barra de estado por una cadena hexadecimal.
  107. StatusBar.backgroundColorByHexString("#C0C0C0");
  108. Propiedades CSS abreviada también son compatibles.
  109. StatusBar.backgroundColorByHexString("#333"); = > StatusBar.backgroundColorByHexString("#FAB") #333333; = > #FFAABB
  110. En iOS 7, cuando se establece StatusBar.statusBarOverlaysWebView en false, se puede establecer el color de fondo de la barra de estado una cadena hexadecimal (#RRGGBB).
  111. En WP7 y WP8 también puede especificar valores como #AARRGGBB, donde AA es un valor alfa
  112. ## Plataformas soportadas
  113. * iOS
  114. * Windows Phone 7
  115. * Windows Phone 8
  116. * Windows Phone 8.1
  117. # StatusBar.hide
  118. Ocultar la barra de estado.
  119. StatusBar.hide();
  120. ## Plataformas soportadas
  121. * iOS
  122. * Android
  123. * Windows Phone 7
  124. * Windows Phone 8
  125. * Windows Phone 8.1
  126. # StatusBar.show
  127. Muestra la barra de estado.
  128. StatusBar.show();
  129. ## Plataformas soportadas
  130. * iOS
  131. * Android
  132. * Windows Phone 7
  133. * Windows Phone 8
  134. * Windows Phone 8.1
  135. # StatusBar.isVisible
  136. Lea esta propiedad para ver si la barra de estado es visible o no.
  137. Si (StatusBar.isVisible) {/ / hacer algo}
  138. ## Plataformas soportadas
  139. * iOS
  140. * Android
  141. * Windows Phone 7
  142. * Windows Phone 8
  143. * Windows Phone 8.1