با سلام خدمت کاربران گرامی سایت پی وی لرن و کاربرانی که علاقمند به فراگیری دوره آموزش کوردوا هستند. در جلسه قبل آموزش کار با پلاگین Accelerometer به شما ارائه گردید و نحوه تعیین شتاب در Device و نیز تنظیمات مربوط به آن، آموزش داده شد. در این جلسه از سلسله جلسات آموزش Cordova، آموزش کار با پلاگین Device Orientation در کوردوا ارائه می گردد.
آموزش کار با پلاگین Device Orientation در کوردوا به صورت گام به گام و مرحله به مرحله به شما خواهیم آموخت که چگونه این پلاگین را نصب نموده و تنظیمات مربوط به آن را انجام دهید و در نهایت آن را به کار ببرید.
پنجره command prompt را باز کرده و کد زیر را اجرا نمایید.
1 2 | C:\Users\username\Desktop\CordovaProject>cordova plugin add cordova-plugindevice-orientation |
پلاگین Device Orientation بسیار شبیه به پلاگین acceleration است. اجازه دهید دو دکمه در فایل index.html ایجاد نماییم.
1 2 | <button id = "getOrientation">GET ORIENTATION</button> <button id = "watchOrientation">WATCH ORIENTATION</button> |
حالا event listeners را در درون تابع onDeviceReady در ایجاد index.js می نماییم.
1 2 | document.getElementById("getOrientation").addEventListener("click", getOrientation); document.getElementById("watchOrientation").addEventListener("click", watchOrientation); |
در این مرحله دو تابع ایجاد می کنیم.
اولین تابع مربوط به تولید شتاب فعلی است و دومین تابع نیز تغییرات جهت یابی را بررسی می نماید.
همان طور که می بینید دوباره از گزینه frequency برای بررسی تغییرات ایجاد شده در هر سه ثانیه استفاده کرده ایم.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 | function getOrientation() { navigator.compass.getCurrentHeading(compassSuccess, compassError); function compassSuccess(heading) { alert('Heading: ' + heading.magneticHeading); }; function compassError(error) { alert('CompassError: ' + error.code); }; } function watchOrientation(){ var compassOptions = { frequency: 3000 } var watchID = navigator.compass.watchHeading(compassSuccess, compassError, compassOptions); function compassSuccess(heading) { alert('Heading: ' + heading.magneticHeading); setTimeout(function() { navigator.compass.clearWatch(watchID); }, 10000); }; function compassError(error) { alert('CompassError: ' + error.code); }; }; |
از آن جا که پلاگین compass کم و بیش همان پلاگین acceleration است؛ به شما یک کد خطا نمایش داده می شود.
بعضی از Device ها از قابلیت سنسور مغناطیسی (magnetic sensor) که لازم کار پلاگین compass است؛ برخوردار نیستند.
اگر Device شما فاقد سنسور مغناطیسی بود؛ خطای زیر نمایش داده خواهد شد.
در این جلسه آموزش کار با پلاگین Device Orientation در کوردوا و جهت یابی مسیر Device را آموختید.
در جلسه بعدی آموزش کار با پلاگین Dialogs ارائه خواهید گردید.
با پی وی لرن همراه باشید.
Farid
با سلام و تشکر
تابع watchorentation یک آکولاد “}” انتهایی در آخر کد کم دارد.
با تشکر از شما
پی وی لرن
سلام
بله درست است اصلاح شد.
ممنون از اطلاع شما