Rise Company
25-07-2017, 02:27
اخفاء / تغيير لون شريط ستاتس Status and Navigation Bar - الكوردوفا و الفون جاب
الكوردوفا و الفون جاب Phone Gap / Cordova
لجعل التطبيق بكامل الشاشة دون ظهور شريط الساعة و التنبيهات فى الاعلى او تغيير اللون
mko Since some Android 4+ apps build for the platform can run full screen, and since 4.4+ apps using the Immersive mode can hide the status & navbar and allow for a truly fullscreen UI.
https://www.rise.company/forum/images/imported/2017/07/180.jpg
لتغيير اللون :
هناك خطوتين : الاولى هى اضافة بلوجن و الثانية ربط خاصية البلوجن التى نريدها داخل ملف الكونفج Config
1- ثبت البلوجن بهذا الامر :
cordova plugin add cordova-plugin-statusbar
2- ربط الخاصية المفضلة للبلوجن :
<preference name="StatusBarOverlaysWebView" value="true" />
<preference name="StatusBarBackgroundColor" value="#000000" />
غير القيمة باللون الذى تريده
ازالة الشريط :
<!DOCTYPE html>
<html>
<head>
<title>Device Ready Example</title>
<script type="text/javascript" charset="utf-8" src="cordova.js"></script>
<script type="text/javascript" charset="utf-8">
// Wait for device API libraries to load
//
function onLoad() {
document.addEventListener("deviceready", onDeviceReady, false);
}
// device APIs are available
//
function onDeviceReady() {
// Now safe to use device APIs
StatusBar.hide();
}
</script>
</head>
<body onload="onLoad()">
</body>
</html>
ميزه هذا الكود هو يعمل بشكل سليم مع كل الاجهزة و هناك كود خاص للاى فون
المرجع :
https://cordova.apache.org/docs/en/4...viceready.html (https://cordova.apache.org/docs/en/4.0.0/cordova/events/events.deviceready.html)
https://cordova.apache.org/docs/en/l...gin-statusbar/ (https://cordova.apache.org/docs/en/latest/reference/cordova-plugin-statusbar/)
https://www.youtube.com/watch?v=mgrVGX-R2hE
جميع الاكواد فى المرفقات
الكوردوفا و الفون جاب Phone Gap / Cordova
لجعل التطبيق بكامل الشاشة دون ظهور شريط الساعة و التنبيهات فى الاعلى او تغيير اللون
mko Since some Android 4+ apps build for the platform can run full screen, and since 4.4+ apps using the Immersive mode can hide the status & navbar and allow for a truly fullscreen UI.
https://www.rise.company/forum/images/imported/2017/07/180.jpg
لتغيير اللون :
هناك خطوتين : الاولى هى اضافة بلوجن و الثانية ربط خاصية البلوجن التى نريدها داخل ملف الكونفج Config
1- ثبت البلوجن بهذا الامر :
cordova plugin add cordova-plugin-statusbar
2- ربط الخاصية المفضلة للبلوجن :
<preference name="StatusBarOverlaysWebView" value="true" />
<preference name="StatusBarBackgroundColor" value="#000000" />
غير القيمة باللون الذى تريده
ازالة الشريط :
<!DOCTYPE html>
<html>
<head>
<title>Device Ready Example</title>
<script type="text/javascript" charset="utf-8" src="cordova.js"></script>
<script type="text/javascript" charset="utf-8">
// Wait for device API libraries to load
//
function onLoad() {
document.addEventListener("deviceready", onDeviceReady, false);
}
// device APIs are available
//
function onDeviceReady() {
// Now safe to use device APIs
StatusBar.hide();
}
</script>
</head>
<body onload="onLoad()">
</body>
</html>
ميزه هذا الكود هو يعمل بشكل سليم مع كل الاجهزة و هناك كود خاص للاى فون
المرجع :
https://cordova.apache.org/docs/en/4...viceready.html (https://cordova.apache.org/docs/en/4.0.0/cordova/events/events.deviceready.html)
https://cordova.apache.org/docs/en/l...gin-statusbar/ (https://cordova.apache.org/docs/en/latest/reference/cordova-plugin-statusbar/)
https://www.youtube.com/watch?v=mgrVGX-R2hE
جميع الاكواد فى المرفقات