Das
StatusBarObjekt stellt einige Funktionen zum Anpassen des iOS und Android StatusBar.
cordova plugin add cordova-plugin-statusbar
StatusBarOverlaysWebView (Boolean, der Standardwert ist True). Stellen Sie auf iOS 7 die Statusbar-Overlay oder keine Überlagerung der WebView beim Start.
<preference name="StatusBarOverlaysWebView" value="true" />
StatusBarBackgroundColor (Farbe hex String, Standardwert ist #000000). Auf iOS legen 7 und Android 5, Sie die Hintergrundfarbe der Statusbar von eine hexadezimale Zeichenfolge (#RRGGBB) beim Start.
<preference name="StatusBarBackgroundColor" value="#000000" />
StatusBarStyle (Status Bar-Stil, der Standardwert ist Lightcontent). Legen Sie auf iOS 7 den Status-Bar-Stil. Verfügbaren Optionen Standard, Lightcontent, Blacktranslucent, Blackopaque.
<preference name="StatusBarStyle" value="lightcontent" />
Die Android 5 + Leitlinien angeben, verwenden eine andere Farbe für die Statusbar als Ihre Hauptanwendung Farbe (anders als die einheitliche Statusbar Farbe viele iOS 7 + apps), so Sie die Statusbar Farbe zur Laufzeit statt über StatusBar.backgroundColorByHexString oder StatusBar.backgroundColorByNamefestzulegen möchten vielleicht. Eine Möglichkeit dazu wäre:
if (cordova.platformId == 'android') { StatusBar.backgroundColorByHexString("#333"); }
Während der Laufzeit können Sie die StatusBar.hide-Funktion unten, aber die StatusBar beim Start der app versteckt werden soll, müssen Sie Ihre app Info.plist Datei ändern.
Diese beiden Attribute hinzufügen/bearbeiten, wenn nicht vorhanden. Legen Sie “Statusleiste ist anfangs ausgeblendet” auf “YES” und “View Controller-basierte Status Bar aussehen” auf “NO”. Wenn Sie es manuell ohne Xcode bearbeiten, werden die Schlüssel und Werte:
<key>UIStatusBarHidden</key> <true/> <key>UIViewControllerBasedStatusBarAppearance</key> <false/>
Dieses Plugin wird globales StatusBar-Objekt definiert.
Obwohl im globalen Gültigkeitsbereich, steht es nicht bis nach dem deviceready-Ereignis.
document.addEventListener("deviceready", onDeviceReady, false);
function onDeviceReady() {
console.log(StatusBar);
}
<feature name="StatusBar">
<param name="ios-package" value="CDVStatusBar" onload="true" />
</feature>
Stellen Sie auf iOS 7 Statusbar überlagern oder nicht überlagert die WebView.
StatusBar.overlaysWebView(true);
Auf iOS 7 zu der Statusbar wie iOS 6 erscheinen auf False festgelegt. Legen Sie die Stil und Hintergrund Farbe entsprechend mit den anderen Funktionen.
StatusBar.overlaysWebView(true); StatusBar.overlaysWebView(false);
Verwenden Sie die Standard-Statusbar (dunkle Text, für helle Hintergründe).
StatusBar.styleDefault();
Verwenden Sie die LightContent-Statusbar (heller Text, für dunkle Hintergründe).
StatusBar.styleLightContent();
Verwenden Sie die BlackTranslucent-Statusbar (heller Text, für dunkle Hintergründe).
StatusBar.styleBlackTranslucent();
Verwenden Sie die BlackOpaque-Statusbar (heller Text, für dunkle Hintergründe).
StatusBar.styleBlackOpaque();
Auf iOS 7 Wenn Sie StatusBar.statusBarOverlaysWebView auf False festlegen, können Sie die Hintergrundfarbe der Statusbar von Farbnamen festlegen.
StatusBar.backgroundColorByName("red");
Unterstützte Farbnamen sind:
black, darkGray, lightGray, white, gray, red, green, blue, cyan, yellow, magenta, orange, purple, brown
Legt die Hintergrundfarbe der Statusbar von eine hexadezimale Zeichenfolge fest.
StatusBar.backgroundColorByHexString("#C0C0C0");
CSS-Kurzschrift-Eigenschaften werden ebenfalls unterstützt.
StatusBar.backgroundColorByHexString("#333"); // => #333333
StatusBar.backgroundColorByHexString("#FAB"); // => #FFAABB
Auf iOS 7 Wenn Sie StatusBar.statusBarOverlaysWebView auf False festlegen, können Sie die Hintergrundfarbe der Statusbar von eine hexadezimale Zeichenfolge (#RRGGBB) festlegen.
Auf WP7 und WP8 können Sie auch Werte wie #AARRGGBB, angeben wo AA einen alpha-Wert ist
Ausblenden der Statusleiste.
StatusBar.hide();
Zeigt die Statusleiste.
StatusBar.show();
Lesen Sie diese Eigenschaft, um festzustellen, ob die Statusbar sichtbar oder nicht ist.
if (StatusBar.isVisible) {
// do something
}