2013-10-08 07:30:33 +08:00
StatusBar
======
2014-02-25 17:54:14 +08:00
> The `StatusBar` object provides some functions to customize the iOS and Android StatusBar.
2013-10-08 07:30:33 +08:00
2014-02-19 07:38:42 +08:00
Preferences
-----------
#### config.xml
2014-02-19 13:16:13 +08:00
- __StatusBarOverlaysWebView__ (boolean, defaults to true). On iOS 7, make the statusbar overlay or not overlay the WebView at startup.
2014-02-19 07:38:42 +08:00
< preference name = "StatusBarOverlaysWebView" value = "true" / >
2014-02-19 13:16:13 +08:00
- __StatusBarBackgroundColor__ (color hex string, defaults to #000000 ). On iOS 7, set the background color of the statusbar by a hex string (#RRGGBB) at startup.
2014-02-19 07:38:42 +08:00
< preference name = "StatusBarBackgroundColor" value = "#000000" / >
2014-02-19 13:16:13 +08:00
Hiding at startup
-----------
During runtime you can use the StatusBar.hide function below, but if you want the StatusBar to be hidden at app startup, you must modify your app's Info.plist file.
Add/edit these two attributes if not present. Set ** "Status bar is initially hidden"** to ** "YES"** and set ** "View controller-based status bar appearance"** to ** "NO"**. If you edit it manually without Xcode, the keys and values are:
< key > UIStatusBarHidden< / key >
< true / >
< key > UIViewControllerBasedStatusBarAppearance< / key >
< false / >
2013-10-08 07:30:33 +08:00
Methods
-------
2013-10-08 08:20:36 +08:00
- StatusBar.overlaysWebView
2013-10-08 07:30:33 +08:00
- StatusBar.styleDefault
- StatusBar.styleLightContent
- StatusBar.styleBlackTranslucent
- StatusBar.styleBlackOpaque
2013-10-08 08:20:36 +08:00
- StatusBar.backgroundColorByName
- StatusBar.backgroundColorByHexString
2013-10-15 22:57:20 +08:00
- StatusBar.hide
- StatusBar.show
2013-10-08 07:30:33 +08:00
Properties
--------
2013-10-08 08:53:04 +08:00
- StatusBar.isVisible
2013-10-08 07:30:33 +08:00
Permissions
-----------
#### config.xml
< feature name = "StatusBar" >
< param name = "ios-package" value = "CDVStatusBar" onload = "true" / >
< / feature >
2013-10-08 08:20:36 +08:00
StatusBar.overlaysWebView
2013-10-08 07:30:33 +08:00
=================
On iOS 7, make the statusbar overlay or not overlay the WebView.
2013-10-08 08:20:36 +08:00
StatusBar.overlaysWebView(true);
2013-10-08 07:30:33 +08: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-08 08:20:36 +08:00
StatusBar.overlaysWebView(true);
StatusBar.overlaysWebView(false);
2013-10-08 07:30:33 +08: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-08 08:20:36 +08:00
StatusBar.backgroundColorByName
2013-10-08 07:30:33 +08: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-08 08:20:36 +08:00
StatusBar.backgroundColorByName("red");
2013-10-08 07:30:33 +08: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-08 08:20:36 +08:00
StatusBar.backgroundColorByHexString
2013-10-08 07:30:33 +08: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-08 08:20:36 +08:00
StatusBar.backgroundColorByHexString("#C0C0C0");
2013-10-08 07:30:33 +08:00
Supported Platforms
-------------------
- iOS
2013-10-15 22:57:20 +08:00
StatusBar.hide
=================
Hide the statusbar.
StatusBar.hide();
Supported Platforms
-------------------
- iOS
2014-02-25 17:54:14 +08:00
- Android
2013-10-15 22:57:20 +08:00
StatusBar.show
=================
Shows the statusbar.
StatusBar.show();
Supported Platforms
-------------------
- iOS
2014-02-25 17:54:14 +08:00
- Android
2013-10-15 22:57:20 +08:00
2013-10-08 08:53:04 +08: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-08 07:30:33 +08:00