# 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, 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. ## 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 prises en charge * 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 prises en charge * 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 prises en charge * 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 prises en charge * 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 prises en charge * iOS * 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 prises en charge * iOS * Windows Phone 7 * Windows Phone 8 * Windows Phone 8.1 # StatusBar.hide Masquer la barre d'État. StatusBar.hide(); ## Plates-formes prises en charge * iOS * Android * Windows Phone 7 * Windows Phone 8 * Windows Phone 8.1 # StatusBar.show Affiche la barre d'État. StatusBar.show(); ## Plates-formes prises en charge * 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