التطبيق بكامل الشاشة Full Screen - الكوردوفا و الفون جاب

[Rise Company]

التطبيق بكامل الشاشة فى ملف الكونفج 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...viceready.html
https://cordova.apache.org/docs/en/l...gin-statusbar/

جميع الاكواد فى المرفقات