با سلام خدمت کاربران گرامی سایت پی وی لرن و کاربرانی که علاقمند به فراگیری دوره آموزش کوردوا هستند. در جلسه گذشته با نحوه کار با حافظه در کوردوا آشنا شدیم. در این جلسه آموزش کار با Events در کوردوا به شما ارائه می گردد.
در ابتدای آموزش کار با Events در کوردوا ابتدا انواع Events ها در این پلت فرم به شما معرفی می گردد.
در کوردوا Events های مختلفی وجود دارند که می توان در پروژه های کوردوا از آن ها استفاده نمود.
در جدول زیر می توانید انواع Events های موجود را در کوردوا ببینید.
شماره Events | Events ها و جزئیات آن |
۱ | deviceReady این Event هنگامی رخ می دهد که کوردوا به طور کامل بارگذاری شود. این Event موجب کسب اطمینان از عدم بارگذاری توابع قبل از نام گذاری آن ها می شود. |
۲ | pause این Event زمانی شروع می شود که برنامه به background برسد. |
۳ | resume این Event زمانی شروع می شود که برنامه از background بازگردانده شود. |
۴ | backbutton این Event زمانی شروع می شود که دکمه بازگشتی (back button) فشار داده می شود. |
۵ | menubutton این Event زمانی شروع می شود که دکمه منو(menu button) فشار داده شود. |
۶ | searchbutton این Event زمانی شروع می شود که دکمه جستجوی Android را فشار داده شود. |
۷ | startcallbutton این Event زمانی شروع می شود که دکمه تماس (call button) شروع به کار کند. |
۸ | endcallbutton این Event زمانی شروع می شود که دکمه تماس (call button) پایان می یابد. |
۹ | volumedownbutton این Event زمانی شروع می شود که کاهش حجم (volume down) فشار داده می شود. |
۱۰ | volumeupbutton این Event زمانی شروع می شود که دکمه افزایش (volume up) صدا فشار داده می شود. |
تمام Events ها تقریباَ به همان شیوه مورد استفاده قرار می گیرند.
از آن جا که سیاست امنیتی کوردوا اجازه ایجاد جاوا اسکریپت های inline را نمی دهد؛ همیشه باید event listeners را درون js به جای inline event calling اضافه کرد.
اگر سعی کنیم Events ها را به صورت inline در نظر بگیریم، خطای زیر نمایش داده می شود.
addEventListener راه صحیح استفاده از Events ها است.
می توانید را استفاده از volumeupbutton را در مثال زیر ببینید.
1 2 3 4 | document.addEventListener("volumeupbutton", callbackFunction, false); function callbackFunction() { alert('Volume Up Button is pressed!'); } |
هنگامی که دکمه افزایش حجم را فشار می دهیم، صفحه نمایش هشدار زیر نمایش داده می شود.
باید از دکمه برگشت Android برای ویژگی های برنامه مانند بازگشت به صفحه قبلی استفاده کرد.
برای پیاده سازی قابلیت های خود، ابتدا باید دکمه بازگشتی را که برای خروج از برنامه استفاده می شود غیرفعال کنید.
1 2 3 4 5 | document.addEventListener("backbutton", onBackKeyDown, false); function onBackKeyDown(e) { e.preventDefault(); alert('Back Button is Pressed!'); } |
در حال حاضر زمانی که ما دکمه برگشت محلی اندروید (native Android back button) را فشار می دهیم، هشدار به جای خروج از برنامه روی صفحه نمایش ظاهر می شود.
این کار با استفاده از دستور ()e.preventDefault صورت می پذیرد.
در این جلسه آموزش کار با Events در کوردوا را آموختیم.
در جلسه بعدی آموزش کار با Back Button به شما ارائه خواهد گردید.
با پی وی لرن همراه باشید.