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.

275 lines
7.5 KiB

7 years ago
  1. <!---
  2. # license: 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. #
  10. # http://www.apache.org/licenses/LICENSE-2.0
  11. #
  12. # Unless required by applicable law or agreed to in writing,
  13. # software distributed under the License is distributed on an
  14. # "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
  15. # KIND, either express or implied. See the License for the
  16. # specific language governing permissions and limitations
  17. # under the License.
  18. -->
  19. # cordova-plugin-statusbar
  20. [![Build Status](https://travis-ci.org/apache/cordova-plugin-statusbar.svg)](https://travis-ci.org/apache/cordova-plugin-statusbar)
  21. # StatusBar
  22. > Le `StatusBar` objet fournit quelques fonctions pour personnaliser les iOS et Android StatusBar.
  23. ## Installation
  24. cordova plugin add cordova-plugin-statusbar
  25. ## Préférences
  26. #### config.Xml
  27. * **StatusBarOverlaysWebView** (boolean, la valeur par défaut true). Sur iOS 7, faire la superposition de statusbar ou pas superposition le WebView au démarrage.
  28. <preference name="StatusBarOverlaysWebView" value="true" />
  29. * **StatusBarBackgroundColor** (chaîne hexadécimale de couleur, par défaut, #000000). Sur iOS 7 et 5 Android, définir la couleur d'arrière-plan de la barre d'État par une chaîne hexadécimale (#RRGGBB) au démarrage.
  30. <preference name="StatusBarBackgroundColor" value="#000000" />
  31. * **StatusBarStyle** (style de barre de statut, par défaut, lightcontent). Sur iOS 7, définir le style de barre de statut. Par défaut les options disponibles, lightcontent, blacktranslucent, blackopaque.
  32. <preference name="StatusBarStyle" value="lightcontent" />
  33. ### Quirks Android
  34. Les lignes directrices 5 + Android spécifient à l'aide d'une couleur différente pour la barre d'État à votre application principale couleur (contrairement à la couleur uniforme statusbar de nombreuses applications iOS 7 +), donc vous pouvez définir la couleur de la barre d'état lors de l'exécution au lieu de cela via `StatusBar.backgroundColorByHexString` ou `StatusBar.backgroundColorByName`. Une façon de le faire serait :
  35. ```js
  36. if (cordova.platformId == 'android') {
  37. StatusBar.backgroundColorByHexString("#333");
  38. }
  39. ```
  40. ## Cacher au démarrage
  41. Pendant l'exécution, vous pouvez utiliser la fonction StatusBar.hide en bas, mais si vous souhaitez que la barre d'État pour être caché au démarrage de l'application, vous devez modifier le fichier Info.plist de votre application.
  42. Ajouter/modifier ces deux attributs si n'est pas présent. **"Barre d'État est initialement masqué"** la valeur **"** Yes" et **"À l'apparence vue sur contrôleur statut bar"** la valeur **"Non"**. Si vous modifiez manuellement sans Xcode, les clés et les valeurs sont :
  43. <key>UIStatusBarHidden</key>
  44. <true/>
  45. <key>UIViewControllerBasedStatusBarAppearance</key>
  46. <false/>
  47. ## Méthodes
  48. Ce plugin définit objet `StatusBar` global.
  49. Bien que dans la portée globale, il n'est pas disponible jusqu'après la `deviceready` événement.
  50. document.addEventListener("deviceready", onDeviceReady, false);
  51. function onDeviceReady() {
  52. console.log(StatusBar);
  53. }
  54. * StatusBar.overlaysWebView
  55. * StatusBar.styleDefault
  56. * StatusBar.styleLightContent
  57. * StatusBar.styleBlackTranslucent
  58. * StatusBar.styleBlackOpaque
  59. * StatusBar.backgroundColorByName
  60. * StatusBar.backgroundColorByHexString
  61. * StatusBar.hide
  62. * StatusBar.show
  63. ## Propriétés
  64. * StatusBar.isVisible
  65. ## Autorisations
  66. #### config.Xml
  67. <feature name="StatusBar">
  68. <param name="ios-package" value="CDVStatusBar" onload="true" />
  69. </feature>
  70. # StatusBar.overlaysWebView
  71. Sur iOS 7, faire la statusbar superposition ou pas superposer le WebView.
  72. StatusBar.overlaysWebView(true);
  73. ## Description
  74. Sur iOS 7, la valeur false pour afficher la barre d'État comme iOS 6. Définissez la couleur de style et d'arrière-plan en fonction de l'utilisation des autres fonctions.
  75. ## Plates-formes supportées
  76. * iOS
  77. ## Exemple court
  78. StatusBar.overlaysWebView(true);
  79. StatusBar.overlaysWebView(false);
  80. # StatusBar.styleDefault
  81. Utilisez la barre de statut par défaut (texte sombre, pour les arrière-plans lumineux).
  82. StatusBar.styleDefault();
  83. ## Plates-formes supportées
  84. * iOS
  85. * Windows Phone 7
  86. * Windows Phone 8
  87. * Windows Phone 8.1
  88. # StatusBar.styleLightContent
  89. Utilisez la barre d'État lightContent (texte clair, des arrière-plans sombres).
  90. StatusBar.styleLightContent();
  91. ## Plates-formes supportées
  92. * iOS
  93. * Windows Phone 7
  94. * Windows Phone 8
  95. * Windows Phone 8.1
  96. # StatusBar.styleBlackTranslucent
  97. Utilisez la barre d'État blackTranslucent (texte clair, des arrière-plans sombres).
  98. StatusBar.styleBlackTranslucent();
  99. ## Plates-formes supportées
  100. * iOS
  101. * Windows Phone 7
  102. * Windows Phone 8
  103. * Windows Phone 8.1
  104. # StatusBar.styleBlackOpaque
  105. Utilisez la barre d'État blackOpaque (texte clair, des arrière-plans sombres).
  106. StatusBar.styleBlackOpaque();
  107. ## Plates-formes supportées
  108. * iOS
  109. * Windows Phone 7
  110. * Windows Phone 8
  111. * Windows Phone 8.1
  112. # StatusBar.backgroundColorByName
  113. Sur iOS 7, lorsque vous définissez StatusBar.statusBarOverlaysWebView sur false, vous pouvez définir la couleur d'arrière-plan de la barre d'État par nom de couleur.
  114. StatusBar.backgroundColorByName("red");
  115. Les noms de couleurs prises en charge sont :
  116. black, darkGray, lightGray, white, gray, red, green, blue, cyan, yellow, magenta, orange, purple, brown
  117. ## Plates-formes supportées
  118. * iOS
  119. * Android 5+
  120. * Windows Phone 7
  121. * Windows Phone 8
  122. * Windows Phone 8.1
  123. # StatusBar.backgroundColorByHexString
  124. Définit la couleur d'arrière-plan de la barre d'État par une chaîne hexadécimale.
  125. StatusBar.backgroundColorByHexString("#C0C0C0");
  126. Propriétés de raccourci CSS sont également pris en charge.
  127. StatusBar.backgroundColorByHexString("#333"); // => #333333
  128. StatusBar.backgroundColorByHexString("#FAB"); // => #FFAABB
  129. Sur iOS 7, lorsque vous définissez StatusBar.statusBarOverlaysWebView sur false, vous pouvez définir la couleur d'arrière-plan de la barre d'État par une chaîne hexadécimale (#RRGGBB).
  130. Sur WP7 et WP8, vous pouvez également spécifier des valeurs comme #AARRGGBB, où AA représente une valeur alpha
  131. ## Plates-formes supportées
  132. * iOS
  133. * Android 5+
  134. * Windows Phone 7
  135. * Windows Phone 8
  136. * Windows Phone 8.1
  137. # StatusBar.hide
  138. Masquer la barre d'État.
  139. StatusBar.hide();
  140. ## Plates-formes supportées
  141. * iOS
  142. * Android
  143. * Windows Phone 7
  144. * Windows Phone 8
  145. * Windows Phone 8.1
  146. # StatusBar.show
  147. Affiche la barre d'État.
  148. StatusBar.show();
  149. ## Plates-formes supportées
  150. * iOS
  151. * Android
  152. * Windows Phone 7
  153. * Windows Phone 8
  154. * Windows Phone 8.1
  155. # StatusBar.isVisible
  156. Lire cette propriété afin de voir si la barre d'État est visible ou non.
  157. if (StatusBar.isVisible) {
  158. // do something
  159. }
  160. ## Plates-formes supportées
  161. * iOS
  162. * Android
  163. * Windows Phone 7
  164. * Windows Phone 8
  165. * Windows Phone 8.1