StatusBar개체 iOS와 안 드 로이드 상태 표시줄을 사용자 지정 하려면 몇 가지 기능을 제공 합니다.
cordova plugin add cordova-plugin-statusbar
StatusBarOverlaysWebView (boolean, 기본값: true)입니다. IOS 7, 시작 시 상태 표시줄 오버레이 또는 WebView 중첩 되지 확인 합니다.
<preference name="StatusBarOverlaysWebView" value="true" />
StatusBarBackgroundColor (색상 16 진수 문자열 기본값: #000000). IOS에서 7과 안 드 로이드 5 시작 시 16 진수 문자열 (#RRGGBB) 상태 표시줄의 배경색을 설정 합니다.
<preference name="StatusBarBackgroundColor" value="#000000" />
StatusBarStyle (상태 표시줄 스타일, 기본값: lightcontent). Ios 7, 상태 표시줄 스타일을 설정 합니다. 사용 가능한 옵션 기본, lightcontent, blacktranslucent, blackopaque.
<preference name="StatusBarStyle" value="lightcontent" />
안 드 로이드 5 + 지침 보다 귀하의 주요 응용 프로그램 상태 표시줄에 대 한 다른 색을 사용 하 여 지정한 색상 (와 달리 균일 한 상태 표시줄의 색상 많은 iOS 7 + 애플 리 케이 션), StatusBar.backgroundColorByHexString 또는 StatusBar.backgroundColorByName를 통해 대신 런타임에 상태 표시줄 색을 설정 하고자 할 수 있습니다. 한 가지 방법은 일 것입니다.
if (cordova.platformId == 'android') { StatusBar.backgroundColorByHexString("#333"); }
런타임 동안 아래의 StatusBar.hide 함수를 사용할 수 있습니다 하지만 당신이 원하는 응용 프로그램 시작 시 숨겨진 상태 표시줄, 응용 프로그램의 Info.plist 파일 수정 해야 합니다.
추가 편집이 두 특성이 없는 경우. “상태 표시줄 처음 숨겨진” “YES” 로 설정 하 고 “뷰 컨트롤러 기반 상태 표시줄 모양” **“NO”**로 설정 합니다. Xcode, 열쇠 없이 수동으로 편집 하는 경우 값은:
<key>UIStatusBarHidden</key> <true/> <key>UIViewControllerBasedStatusBarAppearance</key> <false/>
이 플러그인 글로벌 StatusBar 개체를 정의합니다.
전역 범위에 있지만 그것은 불가능까지 deviceready 이벤트 후.
document.addEventListener("deviceready", onDeviceReady, false);
function onDeviceReady() {
console.log(StatusBar);
}
<feature name="StatusBar">
<param name="ios-package" value="CDVStatusBar" onload="true" />
</feature>
IOS 7, 오버레이 또는 하지 WebView 중첩 상태 표시줄을 확인 합니다.
StatusBar.overlaysWebView(true);
7 iOS, iOS 6 처럼 나타나는 상태 표시줄을 false로 설정 합니다. 다른 함수를 사용 하 여에 맞게 스타일과 배경 색상을 설정 합니다.
StatusBar.overlaysWebView(true); StatusBar.overlaysWebView(false);
기본 상태 표시줄 (어두운 텍스트, 밝은 배경에 대 한)를 사용 합니다.
StatusBar.styleDefault();
LightContent 상태 표시줄 (어두운 배경에 대 한 가벼운 텍스트)을 사용 합니다.
StatusBar.styleLightContent();
BlackTranslucent 상태 표시줄 (어두운 배경에 대 한 가벼운 텍스트)을 사용 합니다.
StatusBar.styleBlackTranslucent();
BlackOpaque 상태 표시줄 (어두운 배경에 대 한 가벼운 텍스트)을 사용 합니다.
StatusBar.styleBlackOpaque();
Ios 7, StatusBar.statusBarOverlaysWebView을 false로 설정 하면 설정할 수 있는 상태 표시줄의 배경색 색상 이름으로.
StatusBar.backgroundColorByName("red");
지원 되는 색 이름입니다.
black, darkGray, lightGray, white, gray, red, green, blue, cyan, yellow, magenta, orange, purple, brown
16 진수 문자열 상태 표시줄의 배경색을 설정합니다.
StatusBar.backgroundColorByHexString("#C0C0C0");
CSS 대표 속성 지원 됩니다.
StatusBar.backgroundColorByHexString("#333"); // => #333333
StatusBar.backgroundColorByHexString("#FAB"); // => #FFAABB
Ios 7, StatusBar.statusBarOverlaysWebView을 false로 설정 하면 설정할 수 있는 상태 표시줄의 배경색 16 진수 문자열 (#RRGGBB)에 의해.
WP7 및 WP8에 당신은 또한 #AARRGGBB, AA는 알파 값으로 값을 지정할 수 있습니다.
숨기기 상태 표시줄.
StatusBar.hide();
상태 표시줄을 표시합니다.
StatusBar.show();
이 속성을 상태 표시줄 표시 되는 경우 읽기.
if (StatusBar.isVisible) {
// do something
}