PhoneGap - Hardware Manipulation

PhoneGap Hardware Manipulation Accessing the device native APIs ,[object Object],[object Object],[object Object],[object Object],[object Object]

Table of Contents ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

The Device Object ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Notification API ,[object Object],[object Object],[object Object],[object Object],navigator.notification = { alert(message, alertCallback, [title], [buttonName]), confirm(message, confirmCallback, [title], [buttonLabels]), vibrate(milliseconds), beep(times) }

Connection API ,[object Object],[object Object],[object Object],[object Object]

Connection API (2) ,[object Object],Connection.NONE - No network connection detected Connection.ETHERNET - LAN network connection Connection.WIFI - Wireless B/G/N connection type Connection.CELL_2G - 2G connection type- GPRS or EDGE (2.5G) Connection.CELL_3G - 3G HSPA connection type Connection.CELL_4G - LTE or WiMax connection type Connection.UNKNOWN - the connection type cannot be determined

Connection API (3) function checkConnection() { var networkState = navigator.network. connection.type ; var states = {}; states[ Connection .UNKNOWN] = 'Unknown connection'; states[ Connection .ETHERNET] = 'Ethernet connection'; states[ Connection .WIFI] = 'WiFi connection'; states[ Connection .CELL_2G] = 'Cell 2G connection'; states[ Connection .CELL_3G] = 'Cell 3G connection'; states[ Connection .CELL_4G] = 'Cell 4G connection'; states[ Connection .NONE] = 'No network connection'; alert(' Connection type: ' + states[networkState]); } checkConnection();

Events ,[object Object],[object Object],[object Object],[object Object]

The deviceready event ,[object Object],[object Object],document.addEventListener("deviceready", onDeviceReady, false); function onDeviceReady() { // Fill out the PhoneGap version $("#phonegap_version").text(device.phonegap); }

The pause/resume events ,[object Object],[object Object],[object Object],[object Object]

The pause/resume events (2) document.addEventListener("pause", onPause, false); document.addEventListener("resume", onResume, false); function onPause() { navigator.compass.clearWatch(compassId); } function onResume() { compassId = navigator.compass .watchHeading( function (heading) { // do something }); }

The online/offline Events ,[object Object],[object Object],document.addEventListener("online", onOnline, false); document.addEventListener("offline", onOffline, false); function onOnline() { // Handle the online event } function onOffline() { // Handle the offline event }

The batterystatus / batterylow / batterycritical events ,[object Object],[object Object],[object Object]

The batterystatus / batterylow / batterycritical events (2) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

The Button Events ,[object Object],[object Object],backbutton (Android and BlackBerry) menubutton (Android and BlackBerry) searchbutton (Android) startcallbutton (BlackBerry) endcallbutton (BlackBerry) volumedownbutton (BlackBerry) volumeupbutton (BlackBerry)

Compass (1) ,[object Object],[object Object]

Compass (2) ,[object Object],navigator.compass = { getCurrentHeading (compassSuccess, [compassError], [compassOptions]), int watchHeading (compassSuccess, [compassError], [compassOptions]), clearWatch (watchId), int watchHeadingFilter (compassSuccess, [compassError], [compassOptions]), // Only on iOS. clearWatchFilter (watchId) // Only on iOS. }

Compass (3) ,[object Object],CompassHeading = { magneticHeading : The heading in degrees from 0-359.99, trueHeading : The heading relative to the geographic North in degrees 0-359.99. A negative value indicates that the true heading could not be determined. Some platforms return directly the magnetic heading instead, headingAccuracy : The deviation in degrees between the reported heading and the true heading, timestamp : The timestamp of the reading }

Compass (4) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Compass Example ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Accelerometer (1) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Accelerometer (2) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Accelerometer Example ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Geolocation (1) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Geolocation (2) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Geolocation (3) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Geolocation (4) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Geolocation (5) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Geolocation Example ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Camera (1) ,[object Object],[object Object],[object Object],navigator.camera.getPicture(onSuccess, onFail, [Settings]);

Camera (2) ,[object Object],cameraOptions = { quality : Quality of saved image - range [0, 100], destinationType : DATA_URL or FILE_URI, sourceType : CAMERA, PHOTOLIBRARY or SAVEDPHOTOALBUM, mediaType : PICTURE, VIDEO, ALLMEDIA, allowEdit : Allow simple editing of image before selection, encodingType : JPEG or PNG, targetWidth : Width in pixels to scale image, targetHeight : Height in pixels to scale image };

Camera Example ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Contacts (1) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],contact = navigator.contacts.create({"displayName": "Test User"});

Contacts (2) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Contacts (3) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],{ save (onSuccess, [onError]) – saves the contact in the device, clone () – clones the contact and sets its ID to null, remove (onSuccess, [onError]) – removes a contact }

Contacts (5) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Contacts (6) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],ContactField = { type : The field type (example: ‘office'), value : The value of the field (such as a phone number or email address) }

Contacts (7) ,[object Object],[object Object],[object Object],[object Object],ContactFindOptions = { filter : Search string to filter contacts - default "", multiple : Should return multiple results – default false } ContactError.UNKNOWN_ERROR, ContactError.INVALID_ARGUMENT_ERROR, ContactError.TIMEOUT_ERROR, ContactError.PENDING_OPERATION_ERROR, ContactError.IO_ERROR, ContactError.NOT_SUPPORTED_ERROR, ContactError.PERMISSION_DENIED_ERROR

Contacts Example ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Summary ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Homework ,[object Object],[object Object]

PhoneGap - Hardware Manipulation

Recommandé

Recommandé

Contenu connexe

Similaire à PhoneGap - Hardware Manipulation

Similaire à PhoneGap - Hardware Manipulation (20)

Plus de Doncho Minkov

Plus de Doncho Minkov (20)

Dernier

Dernier (20)

PhoneGap - Hardware Manipulation

Notes de l'éditeur