Rise Company
23-07-2017, 16:41
التطبيق بكامل الشاشة فى ملف الكونفج Config
الكوردوفا و الفون جاب Phone Gap / Cordova
لجعل التطبيق بكامل الشاشة دون ظهور شريط الساعة و التنبيهات فى الاعلى
ضع فى ملف الكونفج هذا الكود
<preference name="Fullscreen" value="true" />
فى اى مكان تريد داخل وسم <widget>
مع تغيير القمية كما تشاء true او false
عيب هذا الكود هو قد يتعطل ويحدث خلل متفاوت و غير متوافق مع الاى فون 7
طريقة اخرى index.js
هذه الطريقة تعتمد على الجاف سكربت , تاكد اولا من وجود الكود التالى داخل ملف index.html
السطر الاول للاتصال بمكتبة كوردوفا و الثانى جميع الفنكشن تضع داخله وكلاهما يجب ان يكونوا داخل اى مشروع
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript" src="cordova.js"></script>
ملحوظة هامة : يرجى مراعاه ترتيب الكود حيث يوضع سطر cordova.js فى اخر سطور <script> حتى يعمل.
ثم ضع داخل ملف index.js
StatusBar.hide();
داخل فنكشن onDeviceReady: function() {
ليكون كالتالى :
onDeviceReady: function() {
this.receivedEvent('deviceready');
StatusBar.hide();
},
طريقة اخرى index.html
هذه الطريقة تعتمد على الجاف سكربت ,يجب ان تضع كود Script داخل ملف index.html ثم تربطه body كما هو فى الكود
<!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.0.0/cordova/events/events.deviceready.html
https://cordova.apache.org/docs/en/latest/reference/cordova-plugin-statusbar/
جميع الاكواد فى المرفقات
الكوردوفا و الفون جاب Phone Gap / Cordova
لجعل التطبيق بكامل الشاشة دون ظهور شريط الساعة و التنبيهات فى الاعلى
ضع فى ملف الكونفج هذا الكود
<preference name="Fullscreen" value="true" />
فى اى مكان تريد داخل وسم <widget>
مع تغيير القمية كما تشاء true او false
عيب هذا الكود هو قد يتعطل ويحدث خلل متفاوت و غير متوافق مع الاى فون 7
طريقة اخرى index.js
هذه الطريقة تعتمد على الجاف سكربت , تاكد اولا من وجود الكود التالى داخل ملف index.html
السطر الاول للاتصال بمكتبة كوردوفا و الثانى جميع الفنكشن تضع داخله وكلاهما يجب ان يكونوا داخل اى مشروع
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript" src="cordova.js"></script>
ملحوظة هامة : يرجى مراعاه ترتيب الكود حيث يوضع سطر cordova.js فى اخر سطور <script> حتى يعمل.
ثم ضع داخل ملف index.js
StatusBar.hide();
داخل فنكشن onDeviceReady: function() {
ليكون كالتالى :
onDeviceReady: function() {
this.receivedEvent('deviceready');
StatusBar.hide();
},
طريقة اخرى index.html
هذه الطريقة تعتمد على الجاف سكربت ,يجب ان تضع كود Script داخل ملف index.html ثم تربطه body كما هو فى الكود
<!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.0.0/cordova/events/events.deviceready.html
https://cordova.apache.org/docs/en/latest/reference/cordova-plugin-statusbar/
جميع الاكواد فى المرفقات