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.3 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. > Il `StatusBar` oggetto fornisce alcune funzioni per personalizzare l'iOS e Android StatusBar.
  23. ## Installazione
  24. cordova plugin add cordova-plugin-statusbar
  25. ## Preferenze
  26. #### config. XML
  27. * **StatusBarOverlaysWebView** (boolean, default è true). IOS 7, rendono la statusbar sovrapposizione o la non sovrapposizione WebView all'avvio.
  28. <preference name="StatusBarOverlaysWebView" value="true" />
  29. * **StatusBarBackgroundColor** (stringa esadecimale di colore, il valore predefinito è #000000). Su iOS 7 e 5 Android, è possibile impostare il colore di sfondo della barra di stato di una stringa esadecimale (#RRGGBB) all'avvio.
  30. <preference name="StatusBarBackgroundColor" value="#000000" />
  31. * **StatusBarStyle** (status bar in stile, default è lightcontent). IOS 7, impostare lo stile di barra di stato. Predefinita di opzioni disponibili, lightcontent, blacktranslucent, blackopaque.
  32. <preference name="StatusBarStyle" value="lightcontent" />
  33. ### Stranezze Android
  34. Le linee 5 + Android Guida specificano utilizzando un colore diverso per la barra di stato che l'app principale di colore (a differenza di colore uniforme statusbar di molte applicazioni di iOS 7 +), quindi si consiglia di impostare il colore della barra di stato in fase di esecuzione invece tramite `StatusBar.backgroundColorByHexString` o `StatusBar.backgroundColorByName`. Un modo per farlo sarebbe:
  35. ```js
  36. if (cordova.platformId == 'android') {
  37. StatusBar.backgroundColorByHexString("#333");
  38. }
  39. ```
  40. ## Nascondendo all'avvio
  41. In fase di esecuzione è possibile utilizzare la funzione di StatusBar.hide qui sotto, ma se si desidera che la barra di stato venga nascosta all'avvio di app, è necessario modificare il file info. plist dell'app.
  42. Aggiungere o modificare questi due attributi, se non presente. Impostare la **"barra di stato è inizialmente nascosto"** a **"YES"** e **"Aspetto di vista basati su controller status bar"** a **"NO"**. Se si modifica manualmente senza Xcode, le chiavi e i valori sono:
  43. <key>UIStatusBarHidden</key>
  44. <true/>
  45. <key>UIViewControllerBasedStatusBarAppearance</key>
  46. <false/>
  47. ## Metodi
  48. Questo plugin definisce globale oggetto `StatusBar`.
  49. Anche se in ambito globale, non è disponibile fino a dopo l'evento `deviceready`.
  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. ## Proprietà
  64. * StatusBar.isVisible
  65. ## Autorizzazioni
  66. #### config. XML
  67. <feature name="StatusBar">
  68. <param name="ios-package" value="CDVStatusBar" onload="true" />
  69. </feature>
  70. # StatusBar.overlaysWebView
  71. IOS 7, rendono la statusbar sovrapposizione o non sovrapporre WebView.
  72. StatusBar.overlaysWebView(true);
  73. ## Descrizione
  74. IOS 7, impostato su false per rendere la barra di stato vengono visualizzati come iOS 6. Impostare il colore di sfondo e stile per soddisfare utilizzando altre funzioni.
  75. ## Piattaforme supportate
  76. * iOS
  77. ## Esempio rapido
  78. StatusBar.overlaysWebView(true);
  79. StatusBar.overlaysWebView(false);
  80. # StatusBar.styleDefault
  81. Utilizzare la barra di stato predefinito (testo scuro, per sfondi di luce).
  82. StatusBar.styleDefault();
  83. ## Piattaforme supportate
  84. * iOS
  85. * Windows Phone 7
  86. * Windows Phone 8
  87. * Windows Phone 8.1
  88. # StatusBar.styleLightContent
  89. Utilizzare la barra di stato lightContent (testo in chiaro, per sfondi scuri).
  90. StatusBar.styleLightContent();
  91. ## Piattaforme supportate
  92. * iOS
  93. * Windows Phone 7
  94. * Windows Phone 8
  95. * Windows Phone 8.1
  96. # StatusBar.styleBlackTranslucent
  97. Utilizzare la barra di stato blackTranslucent (testo in chiaro, per sfondi scuri).
  98. StatusBar.styleBlackTranslucent();
  99. ## Piattaforme supportate
  100. * iOS
  101. * Windows Phone 7
  102. * Windows Phone 8
  103. * Windows Phone 8.1
  104. # StatusBar.styleBlackOpaque
  105. Utilizzare la barra di stato blackOpaque (testo in chiaro, per sfondi scuri).
  106. StatusBar.styleBlackOpaque();
  107. ## Piattaforme supportate
  108. * iOS
  109. * Windows Phone 7
  110. * Windows Phone 8
  111. * Windows Phone 8.1
  112. # StatusBar.backgroundColorByName
  113. IOS 7, quando StatusBar.statusBarOverlaysWebView è impostata su false, è possibile impostare il colore di sfondo della barra di stato con il nome di colore.
  114. StatusBar.backgroundColorByName("red");
  115. Nomi di colore supportati sono:
  116. black, darkGray, lightGray, white, gray, red, green, blue, cyan, yellow, magenta, orange, purple, brown
  117. ## Piattaforme supportate
  118. * iOS
  119. * Android 5+
  120. * Windows Phone 7
  121. * Windows Phone 8
  122. * Windows Phone 8.1
  123. # StatusBar.backgroundColorByHexString
  124. Imposta il colore di sfondo della barra di stato di una stringa esadecimale.
  125. StatusBar.backgroundColorByHexString("#C0C0C0");
  126. Proprietà di scrittura stenografica CSS sono supportati anche.
  127. StatusBar.backgroundColorByHexString("#333"); // => #333333
  128. StatusBar.backgroundColorByHexString("#FAB"); // => #FFAABB
  129. IOS 7, quando StatusBar.statusBarOverlaysWebView è impostata su false, è possibile impostare il colore di sfondo della barra di stato di una stringa esadecimale (#RRGGBB).
  130. Su WP7 e WP8 è inoltre possibile specificare i valori come #AARRGGBB, dove AA è un valore alfa
  131. ## Piattaforme supportate
  132. * iOS
  133. * Android 5+
  134. * Windows Phone 7
  135. * Windows Phone 8
  136. * Windows Phone 8.1
  137. # StatusBar.hide
  138. Nascondere la barra di stato.
  139. StatusBar.hide();
  140. ## Piattaforme supportate
  141. * iOS
  142. * Android
  143. * Windows Phone 7
  144. * Windows Phone 8
  145. * Windows Phone 8.1
  146. # StatusBar.show
  147. Mostra la barra di stato.
  148. StatusBar.show();
  149. ## Piattaforme supportate
  150. * iOS
  151. * Android
  152. * Windows Phone 7
  153. * Windows Phone 8
  154. * Windows Phone 8.1
  155. # StatusBar.isVisible
  156. Leggere questa proprietà per vedere se la barra di stato è visibile o no.
  157. if (StatusBar.isVisible) {
  158. // do something
  159. }
  160. ## Piattaforme supportate
  161. * iOS
  162. * Android
  163. * Windows Phone 7
  164. * Windows Phone 8
  165. * Windows Phone 8.1