# cordova-plugin-statusbar
[](https://travis-ci.org/apache/cordova-plugin-statusbar)
# StatusBar
> Le `StatusBar` objet fournit quelques fonctions pour personnaliser les iOS et Android StatusBar.
## Installation
cordova plugin add cordova-plugin-statusbar
## Préférences
#### config.Xml
* **StatusBarOverlaysWebView** (boolean, la valeur par défaut true). Sur iOS 7, faire la superposition de statusbar ou pas superposition le WebView au démarrage.
* **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.
* **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.
### Quirks Android
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 :
```js
if (cordova.platformId == 'android') {
StatusBar.backgroundColorByHexString("#333");
}
```
## Cacher au démarrage
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.
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 :
UIStatusBarHidden
UIViewControllerBasedStatusBarAppearance
## Méthodes
Ce plugin définit objet `StatusBar` global.
Bien que dans la portée globale, il n'est pas disponible jusqu'après la `deviceready` événement.
document.addEventListener("deviceready", onDeviceReady, false);
function onDeviceReady() {
console.log(StatusBar);
}
* StatusBar.overlaysWebView
* StatusBar.styleDefault
* StatusBar.styleLightContent
* StatusBar.styleBlackTranslucent
* StatusBar.styleBlackOpaque
* StatusBar.backgroundColorByName
* StatusBar.backgroundColorByHexString
* StatusBar.hide
* StatusBar.show
## Propriétés
* StatusBar.isVisible
## Autorisations
#### config.Xml
# StatusBar.overlaysWebView
Sur iOS 7, faire la statusbar superposition ou pas superposer le WebView.
StatusBar.overlaysWebView(true);
## Description
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.
## Plates-formes supportées
* iOS
## Exemple court
StatusBar.overlaysWebView(true);
StatusBar.overlaysWebView(false);
# StatusBar.styleDefault
Utilisez la barre de statut par défaut (texte sombre, pour les arrière-plans lumineux).
StatusBar.styleDefault();
## Plates-formes supportées
* iOS
* Windows Phone 7
* Windows Phone 8
* Windows Phone 8.1
# StatusBar.styleLightContent
Utilisez la barre d'État lightContent (texte clair, des arrière-plans sombres).
StatusBar.styleLightContent();
## Plates-formes supportées
* iOS
* Windows Phone 7
* Windows Phone 8
* Windows Phone 8.1
# StatusBar.styleBlackTranslucent
Utilisez la barre d'État blackTranslucent (texte clair, des arrière-plans sombres).
StatusBar.styleBlackTranslucent();
## Plates-formes supportées
* iOS
* Windows Phone 7
* Windows Phone 8
* Windows Phone 8.1
# StatusBar.styleBlackOpaque
Utilisez la barre d'État blackOpaque (texte clair, des arrière-plans sombres).
StatusBar.styleBlackOpaque();
## Plates-formes supportées
* iOS
* Windows Phone 7
* Windows Phone 8
* Windows Phone 8.1
# StatusBar.backgroundColorByName
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.
StatusBar.backgroundColorByName("red");
Les noms de couleurs prises en charge sont :
black, darkGray, lightGray, white, gray, red, green, blue, cyan, yellow, magenta, orange, purple, brown
## Plates-formes supportées
* iOS
* Android 5+
* Windows Phone 7
* Windows Phone 8
* Windows Phone 8.1
# StatusBar.backgroundColorByHexString
Définit la couleur d'arrière-plan de la barre d'État par une chaîne hexadécimale.
StatusBar.backgroundColorByHexString("#C0C0C0");
Propriétés de raccourci CSS sont également pris en charge.
StatusBar.backgroundColorByHexString("#333"); // => #333333
StatusBar.backgroundColorByHexString("#FAB"); // => #FFAABB
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).
Sur WP7 et WP8, vous pouvez également spécifier des valeurs comme #AARRGGBB, où AA représente une valeur alpha
## Plates-formes supportées
* iOS
* Android 5+
* Windows Phone 7
* Windows Phone 8
* Windows Phone 8.1
# StatusBar.hide
Masquer la barre d'État.
StatusBar.hide();
## Plates-formes supportées
* iOS
* Android
* Windows Phone 7
* Windows Phone 8
* Windows Phone 8.1
# StatusBar.show
Affiche la barre d'État.
StatusBar.show();
## Plates-formes supportées
* iOS
* Android
* Windows Phone 7
* Windows Phone 8
* Windows Phone 8.1
# StatusBar.isVisible
Lire cette propriété afin de voir si la barre d'État est visible ou non.
if (StatusBar.isVisible) {
// do something
}
## Plates-formes supportées
* iOS
* Android
* Windows Phone 7
* Windows Phone 8
* Windows Phone 8.1