الأحداث في كوردوفا
توقر كوردوفا العديد من الأحداث ليتم استخدامها من قبل التطبيقات. يمكن لشيفرة التطبيق إضافة مُنصِتات (listeners) لتلك الأحداث. مثلا:
HTML File
<!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" src="example.js"></script>
</head>
<body onload="onLoad()">
</body>
</html>
JS File
// example.js file
// Wait for device API libraries to load
//
function onLoad() {
document.addEventListener("deviceready", onDeviceReady, false);
}
// device APIs are available
//
function onDeviceReady() {
document.addEventListener("pause", onPause, false);
document.addEventListener("resume", onResume, false);
document.addEventListener("menubutton", onMenuKeyDown, false);
// Add similar listeners for other events
}
function onPause() {
// Handle the pause event
}
function onResume() {
// Handle the resume event
}
function onMenuKeyDown() {
// Handle the menubutton event
}
// Add similar event handlers for other events
Note: في العادة، يجب أن تستخدم التطبيقات التابع document.addEventListener لإرفاق مُنصِت بحدثٍ ما بمجرد وقوع الحدث [#deviceready deviceready].
يسرد الجدول التالي أحداث كوردوفا والمنصات المدعومة: المنصات المدعومة / الأحداث أندرويد iOS الويندوز [#deviceready deviceready] [#pause pause] [#resume resume] [#backbutton backbutton] [#menubutton menubutton] [#searchbutton searchbutton] [#startcallbutton startcallbutton] [#endcallbutton endcallbutton] [#volumedownbutton volumedownbutton] [#volumeupbutton volumeupbutton] [#activated activated]
deviceready
يُطلق حدث deviceready عند تحميل كوردوفا بالكامل. هذا الحدث ضروري لأي تطبيق. إذ يُخطِر بأنّ واجهات كوردوفا البرمجية الخاصة بالجهاز قد تم تحميلها، وأنه بالإمكان الوصول إليها.
تتألف كوردوفا من شيفرتين أساسيتين: الشيفرة الأصلية (native) وشيفرة [[JavaScript|جافااسكريبت]]. أثناء تحميل الشيفرة الأصلية، يتم عرض صورة تحميل مُخصصة. من جهة أخرى، لا تُحمّل [[JavaScript|جافااسكريبت]] إلا بعد تحميل الدوم (DOM). هذا يعني أن تطبيق الويب قد يستدعي دوال [[JavaScript|جافااسكريبت]] قبل أن تصبح الشيفرة الأصلية المقابلة متاحة.
يُطلق الحدث deviceready بمجرد تحميل كوردوفا بالكامل. بمجرد إطلاق الحدث، يمكنك إجراء الاستدعاءات بأمان من الواجهات البرمجية لكوردوفا. عادةً ما ترُفق التطبيقات مُنصِتًا (listener) للحدث document.addEventListener بمجرد تحميل الدوم (DOM) الخاص بملف HTML.
يختلف سلوك الحدث deviceready عن الأحداث الأخرى. أي معالج أحداث يتم تسجيله بعد إطلاق الحدث deviceready ستُسدعى دالة الرد (callback function) خاصته على الفور.
مثال سريع
document.addEventListener("deviceready", onDeviceReady, false);
function onDeviceReady() {
// Now safe to use device APIs
}
pause
يُطلق الحدث pause عند ترسل المنصة الأصلية التطبيق إلى الخلفية، يحدث هذا عادةً عندما ينتقل المستخدم إلى تطبيق آخر.
مثال سريع
document.addEventListener("pause", onPause, false);
function onPause() {
// Handle the pause event
}
ملاحظات خاصة بمنصة iOS
في مُعالج (handler) الحدث pause، لا تعمل أي استدعاءات للواجهة البرمجية لكوردوفا أو الإضافات المحلية التي تستخدم لغة Objective-C، إلى جانب أي استدعاءات تفاعلية (interactive calls)، مثل التنبيهات أو الدالة console.log(). إن لن تُعالج إلا عند استئناف التطبيق، عند التشغيل الموالي.
الحدث resign المخصوص بنظام iOS هو بديل للحدث pause، ويرصد قيام المستخدمين بتمكينا الزر Lock لقفل (lock) الجهاز مع تشغيل التطبيق في المقدمة. إذا تم تمكين التطبيق (والجهاز) من اسخدام المهام المتعددة (multi-tasking)، فسيُقرن مع حدث pause لاحق، ولكن فقط على منصة iOS 5. في الواقع، تُدفع جميع التطبيقات المقفلة في منصة iOS 5 التي مُكِّين تعدد المهام بها إلى الخلفية. لكي تبقى التطبيقات قيد التشغيل عند قفلها في منصة iOS 5، قم بتعطيل تعدد المهام في التطبيق عن طريق ضبط الخاصية UIApplicationExitsOnSuspend عند القيمة YES.ولتشغيله أثناء قفله على منصة iOS 4، فهذا الإعداد لا يهم.
resume
يُطلق الحدث resume عندما تسحب المنصة الأصلية التطبيق من الخلفية.
مثال سريع
document.addEventListener("resume", onResume, false);
function onResume() {
// Handle the resume event
}
ملاحظات خاصة بمنصة IOS
تُنفذ الدوال التفاعلية المُستدعاة من أحد معالجات الحدث [#pause pause] في وقت لاحق عند استئناف التطبيق، والذي يُشار إليه بواسطة الحدث resume. ويشمل هذا التنبيهات، والدالة console.log()، وكل الاستدعاءات القادمة من الإضافات أو الواجهة البرمجية لكوردوفا، والتي تمر عبر Objective-C.
الحدث active
الحدث active المخصوص بنظام iOS هو بديل للحدث resume، ويرصد قيام المستخدمين بتعطيل الزر Lock لفتح (unlock) الجهاز مع تشغيل التطبيق في المقدمة. إذا تم تمكين التطبيق (والجهاز) لاستخدم المهام المتعددة، فسيُقرن هذا مع حدث resume لاحق، ولكن فقط في المنصة iOS 5. في الواقع، تُدفع جميع التطبيقات المقفولة في منصة iOS 5 التي تم تمكين ميزة تعدد المهام بها إلى الخلفية. لكي تبقى التطبيقات قيد التشغيل عند قفلها في المنصة iOS 5، قم بتعطيل تعدد المهام في التطبيق عن طريق ضبط الخاصية UIApplicationExitsOnSuspend عند القيمة YES. ولتشغيل التطبيق أثناء القفل على منصة iOS 4، فلا يهم هذا الإعداد.
الحدث resume
عندما يُستدعى من معالجٍ للحدث resume، فالدوال التفاعلية مثل alert() يجب أن تُغلّف داخل استدعاءٍ للدالة setTimeout()، مع ضبط قيمة المهلة (timeout) عدن 0، وإلا فسيختنق التطبيق. مثلا:
document.addEventListener("resume", onResume, false);
function onResume() {
setTimeout(function() {
// TODO: do your thing!
}, 0);
}
ملاحظات خاصة بمنصة أندرويد
ارجع إلى [../../guide/platforms/android/index.html#lifecycle-guide Android Life Cycle Guide] لمزيد من التفاصيل حول خصوصيات الحدث resume في أندرويد.
backbutton
يُطلق هذا الحدث عندما يضغط المستخدم على زر الرجوع. لتجاوز السلوك الافتراضي للزر الرجوع، فعليك تسجيل مُنصتٍ (listener) للحدث backbutton. لم يعد ضروريًا استدعاء أي تابع آخر لتجاوز سلوك الزر الخلفي.
مثال سريع
document.addEventListener("backbutton", onBackKeyDown, false);
function onBackKeyDown() {
// Handle the back button
}
ملاحظات خاصة بمنصة ويندوز
اطلق خطأً في دالة الرد (callback) الخاصة بالحدث backbutton لفرض العودة للسلوك الافتراضي، و الذي هو خروج التطبيق:
document.addEventListener('backbutton', function (evt) {
if (cordova.platformId !== 'windows') {
return;
}
if (window.location.href !== firstPageUrl) {
window.history.back();
} else {
throw new Error('Exit'); // This will suspend the app
}
}, false);
menubutton
يُطلق هذا الحدث عندما يضغط المستخدم على زر القائمة (menu button). تطبيق معالجٍ أحداث يتجاوز السلوك الافتراضي لزر القائمة.
مثال سريع
document.addEventListener("menubutton", onMenuKeyDown, false);
function onMenuKeyDown() {
// Handle the back button
}
searchbutton
يُطلق هذا الحدث عندما يضغط المستخدم على زر البحث في منصة أندرويد. إن كنت بحاجة إلى تجاوز سلوك زر البحث الافتراضي على أندرويد، فيمكنك تسجيل مُنصِت للحدث "searchbutton".
مثال سريع
document.addEventListener("searchbutton", onSearchKeyDown, false);
function onSearchKeyDown() {
// Handle the search button
}
startcallbutton
يُطلق هذا الحدث عند قيام المستخدم بالضغط على زر بدء المكالمة. إذا احتجت إلى تجاوز السلوك الافتراضي لبدء المكالمة، فيمكنك تسجيل مُنصِتٍ للحدث startcallbutton.
مثال سريع
document.addEventListener("startcallbutton", onStartCallKeyDown, false);
function onStartCallKeyDown() {
// Handle the start call button
}
endcallbutton
يُطلق هذا الحدث عندما يضغط المستخدم على زر إنهاء المكالمة. يتجاوز هذا الحدث السلوك الافتراضي لنهاية المكالمة.
مثال سريع
document.addEventListener("endcallbutton", onEndCallKeyDown, false);
function onEndCallKeyDown() {
// Handle the end call button
}
volumedownbutton
يُطلق هذا الحدث عند قيام المستخدم بالضغط على زر خفض مستوى الصوت. إذا احتجت إلى تجاوز السلوك الافتراضي لخفض الصوت، فيمكنك تسجيل منصتٍ للحدث volumedownbutton.
مثال سريع
document.addEventListener("volumedownbutton", onVolumeDownKeyDown, false);
function onVolumeDownKeyDown() {
// Handle the volume down button
}
volumeupbutton
يُطلق هذا الحدث عند قيام المستخدم بالضغط على زر رفع الصوت. إن كنت بحاجة إلى تجاوز سلوك رفع الصوت الافتراضي، فيمكنك تسجيل منصتٍ للحدث volumeupbutton.
مثال سريع
document.addEventListener("volumeupbutton", onVolumeUpKeyDown, false);
function onVolumeUpKeyDown() {
// Handle the volume up button
}
activated
يُطلق هذا الحدث عند تنشيط Windows Runtime. انظر صفحة MSDN docs لمزيد من التفاصيل وأنواع التنشيط.
مثال سريع
document.addEventListener("activated", activated, false);
function activated(args) {
if (args && args.kind === Windows.ApplicationModel.Activation.ActivationKind.file) {
// Using args.raw to get the native StorageFile object
Windows.Storage.FileIO.readTextAsync(args.raw.detail[0].files[0]).done(function (text) {
console.log(text);
}, function (err) {
console.error(err);
});
}
}
ملاحظات خاصة بمنصة ويندوز
يمكنك الوصول إلى وسائط الحدث activated من الخاصية args.raw.detail[0]، إذ يمكنك استخدامها للحصول على مزيد من المعلومات حول الأنواع، أو لاستدعاء أحد توابع وسائط التنشيط،
يتم أيضًا نسخ الوسائط الأصلية للحدث activated في args.detail[0]، ويمكن استخدامها كاحتياط في حالة فقدان إحدى خاصيات args الداخلية.
انظر https://issues.apache.org/jira/browse/CB-10653 لمزيد من التفاصيل.
يمكن أن يُطلق الحدث activated قبل الحدث deviceready، لذا يجب عليك حفظ راية التنشيط (activation flag) وحفظ args داخل سياق التطبيق في حال احتجت إليها - على سبيل المثال في Share target case. ينبغي أن يحدث الاشتراك في الحدث activated قبل معالج الحدث deviceready (في app.bindEvents بلغة قوالب كوردوفا).