close
第七個,除了 online, offline 以外,還可以繫結 resume, pause 來處理 app 切到背景、前景的情況。resume 時需要針對 phonegap 是否已經 ready 來處理。

第八個,GPS。Phonegap 在 navigator.geolocation 提供 getCurrentPosition, watchPosition, 與 clearWatch 來處理。顯示地圖的話,就是嵌入 Google map API,我想或許也可以用 OpenStreet Map API 或是 Bing Map API 才是。getCurrentPosition 的用法是以 callback 形式,也就是需要帶一個函式進去,在取得位置以後,會把位置帶到函式裡面去。watchPosition 跟 clearWatch 則沒提到,到時候再參考 PhoneGap Documentation
這邊有特別提到當 navigate 到 map.html 時,window.onload 會失效的問題,這是因為 jqMobile 的關係,所以要繫結 pageload 到 onMapLoad 。

第九個,Compass。PhoneGap 是提供 navigator.compass 物件,此物件則有 getCurrentHeading 跟 watchHeading 可用。為了範例,作者引入了 jQuery Rotate plugin。

第十個,accelerometer。相似的方法,在 navigator 提供了 accelerometer 物件,物件提供了 getCurrentAcceleration 跟 watchAcceleration。這邊的例子用到了 Canvas。

第十一個,顯示表格,這邊就是 jqmobile 的領域了,ul tag 加上 data-role="listview" 就可以。

第十二個跟第十三個,都是運用 navigator.contacts 。在組頁面的地方,我想應該可以搭配 jQuery Template 、knockout.jsBackbone 之類的 js library/framework 來輔助。(knockout+phonegap+jqmobile的例子)

更多有關 20 Recipes for Programming PhoneGap 的事情


arrow
arrow

    elleryq 發表在 痞客邦 留言(0) 人氣()