2013-10-07 16:30:33 -07:00
|
|
|
StatusBar
|
|
|
|
======
|
|
|
|
|
|
|
|
> The `StatusBar` object provides some functions to customize the iOS StatusBar.
|
|
|
|
|
2014-02-18 15:38:42 -08:00
|
|
|
|
|
|
|
Preferences
|
|
|
|
-----------
|
|
|
|
|
|
|
|
#### config.xml
|
|
|
|
|
|
|
|
- __StatusBarOverlaysWebView__ (boolean, defaults to true). On iOS 7, make the statusbar overlay or not overlay the WebView.
|
|
|
|
|
|
|
|
<preference name="StatusBarOverlaysWebView" value="true" />
|
|
|
|
|
|
|
|
- __StatusBarBackgroundColor__ (color hex string, defaults to #000000). On iOS 7, set the background color of the statusbar by a hex string (#RRGGBB).
|
|
|
|
|
|
|
|
<preference name="StatusBarBackgroundColor" value="#000000" />
|
|
|
|
|
2013-10-07 16:30:33 -07:00
|
|
|
|
|
|
|
Methods
|
|
|
|
-------
|
|
|
|
|
2013-10-07 17:20:36 -07:00
|
|
|
- StatusBar.overlaysWebView
|
2013-10-07 16:30:33 -07:00
|
|
|
- StatusBar.styleDefault
|
|
|
|
- StatusBar.styleLightContent
|
|
|
|
- StatusBar.styleBlackTranslucent
|
|
|
|
- StatusBar.styleBlackOpaque
|
2013-10-07 17:20:36 -07:00
|
|
|
- StatusBar.backgroundColorByName
|
|
|
|
- StatusBar.backgroundColorByHexString
|
2013-10-15 07:57:20 -07:00
|
|
|
- StatusBar.hide
|
|
|
|
- StatusBar.show
|
2013-10-07 16:30:33 -07:00
|
|
|
|
|
|
|
Properties
|
|
|
|
--------
|
|
|
|
|
2013-10-07 17:53:04 -07:00
|
|
|
- StatusBar.isVisible
|
2013-10-07 16:30:33 -07:00
|
|
|
|
|
|
|
Permissions
|
|
|
|
-----------
|
|
|
|
|
|
|
|
#### config.xml
|
|
|
|
|
|
|
|
<feature name="StatusBar">
|
|
|
|
<param name="ios-package" value="CDVStatusBar" onload="true" />
|
|
|
|
</feature>
|
|
|
|
|
2013-10-07 17:20:36 -07:00
|
|
|
StatusBar.overlaysWebView
|
2013-10-07 16:30:33 -07:00
|
|
|
=================
|
|
|
|
|
|
|
|
On iOS 7, make the statusbar overlay or not overlay the WebView.
|
|
|
|
|
2013-10-07 17:20:36 -07:00
|
|
|
StatusBar.overlaysWebView(true);
|
2013-10-07 16:30:33 -07:00
|
|
|
|
|
|
|
Description
|
|
|
|
-----------
|
|
|
|
|
|
|
|
On iOS 7, set to false to make the statusbar appear like iOS 6. Set the style and background color to suit using the other functions.
|
|
|
|
|
|
|
|
|
|
|
|
Supported Platforms
|
|
|
|
-------------------
|
|
|
|
|
|
|
|
- iOS
|
|
|
|
|
|
|
|
Quick Example
|
|
|
|
-------------
|
|
|
|
|
2013-10-07 17:20:36 -07:00
|
|
|
StatusBar.overlaysWebView(true);
|
|
|
|
StatusBar.overlaysWebView(false);
|
2013-10-07 16:30:33 -07:00
|
|
|
|
|
|
|
StatusBar.styleDefault
|
|
|
|
=================
|
|
|
|
|
|
|
|
Use the default statusbar (dark text, for light backgrounds).
|
|
|
|
|
|
|
|
StatusBar.styleDefault();
|
|
|
|
|
|
|
|
|
|
|
|
Supported Platforms
|
|
|
|
-------------------
|
|
|
|
|
|
|
|
- iOS
|
|
|
|
|
|
|
|
StatusBar.styleLightContent
|
|
|
|
=================
|
|
|
|
|
|
|
|
Use the lightContent statusbar (light text, for dark backgrounds).
|
|
|
|
|
|
|
|
StatusBar.styleLightContent();
|
|
|
|
|
|
|
|
|
|
|
|
Supported Platforms
|
|
|
|
-------------------
|
|
|
|
|
|
|
|
- iOS
|
|
|
|
|
|
|
|
StatusBar.styleBlackTranslucent
|
|
|
|
=================
|
|
|
|
|
|
|
|
Use the blackTranslucent statusbar (light text, for dark backgrounds).
|
|
|
|
|
|
|
|
StatusBar.styleBlackTranslucent();
|
|
|
|
|
|
|
|
|
|
|
|
Supported Platforms
|
|
|
|
-------------------
|
|
|
|
|
|
|
|
- iOS
|
|
|
|
|
|
|
|
StatusBar.styleBlackOpaque
|
|
|
|
=================
|
|
|
|
|
|
|
|
Use the blackOpaque statusbar (light text, for dark backgrounds).
|
|
|
|
|
|
|
|
StatusBar.styleBlackOpaque();
|
|
|
|
|
|
|
|
|
|
|
|
Supported Platforms
|
|
|
|
-------------------
|
|
|
|
|
|
|
|
- iOS
|
|
|
|
|
|
|
|
|
2013-10-07 17:20:36 -07:00
|
|
|
StatusBar.backgroundColorByName
|
2013-10-07 16:30:33 -07:00
|
|
|
=================
|
|
|
|
|
|
|
|
On iOS 7, when you set StatusBar.statusBarOverlaysWebView to false, you can set the background color of the statusbar by color name.
|
|
|
|
|
2013-10-07 17:20:36 -07:00
|
|
|
StatusBar.backgroundColorByName("red");
|
2013-10-07 16:30:33 -07:00
|
|
|
|
|
|
|
Supported color names are:
|
|
|
|
|
|
|
|
black, darkGray, lightGray, white, gray, red, green, blue, cyan, yellow, magenta, orange, purple, brown, clear
|
|
|
|
|
|
|
|
|
|
|
|
Supported Platforms
|
|
|
|
-------------------
|
|
|
|
|
|
|
|
- iOS
|
|
|
|
|
2013-10-07 17:20:36 -07:00
|
|
|
StatusBar.backgroundColorByHexString
|
2013-10-07 16:30:33 -07:00
|
|
|
=================
|
|
|
|
|
|
|
|
On iOS 7, when you set StatusBar.statusBarOverlaysWebView to false, you can set the background color of the statusbar by a hex string (#RRGGBB).
|
|
|
|
|
2013-10-07 17:20:36 -07:00
|
|
|
StatusBar.backgroundColorByHexString("#C0C0C0");
|
2013-10-07 16:30:33 -07:00
|
|
|
|
|
|
|
|
|
|
|
Supported Platforms
|
|
|
|
-------------------
|
|
|
|
|
|
|
|
- iOS
|
|
|
|
|
2013-10-15 07:57:20 -07:00
|
|
|
StatusBar.hide
|
|
|
|
=================
|
|
|
|
|
|
|
|
Hide the statusbar.
|
|
|
|
|
|
|
|
StatusBar.hide();
|
|
|
|
|
|
|
|
|
|
|
|
Supported Platforms
|
|
|
|
-------------------
|
|
|
|
|
|
|
|
- iOS
|
|
|
|
|
|
|
|
StatusBar.show
|
|
|
|
=================
|
|
|
|
|
|
|
|
Shows the statusbar.
|
|
|
|
|
|
|
|
StatusBar.show();
|
|
|
|
|
|
|
|
|
|
|
|
Supported Platforms
|
|
|
|
-------------------
|
|
|
|
|
|
|
|
- iOS
|
|
|
|
|
|
|
|
|
2013-10-07 17:53:04 -07:00
|
|
|
StatusBar.isVisible
|
|
|
|
=================
|
|
|
|
|
|
|
|
Read this property to see if the statusbar is visible or not.
|
|
|
|
|
|
|
|
if (StatusBar.isVisible) {
|
|
|
|
// do something
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
Supported Platforms
|
|
|
|
-------------------
|
|
|
|
|
|
|
|
- iOS
|
|
|
|
|
2013-10-07 16:30:33 -07:00
|
|
|
|
|
|
|
|
|
|
|
|