PhoneGap与Jquery Mobile结合开发android应用配置
由于工作需要，用到phonegap與jquery moblie搭配，開發(fā)android應用程序。
這些技術(shù)自己之前也都沒接觸過，可以說是壓根沒聽說過，真是感慨，在開發(fā)領(lǐng)域，技術(shù)日新月異，知識真是永遠學不完的。就算是做java 開發(fā)的，可是細分下來，專業(yè)方向還是很多的；自己沒有涉及的技術(shù)還是太多了，自個需要對單個領(lǐng)域?qū)I(yè)點，知識豐富點。做不了全才，那咱做個專才，在如今社 會還是必須的。
好了，咱們言歸正傳：
PhoneGap是一個開源的開發(fā)框架，使用HTML，CSS和JavaScript來構(gòu)建跨平臺的的移動應用程序。它使開發(fā)者能夠利 用iPhone，Android，Palm，Symbian，Blackberry，Windows Phone和Beda智能手機的核心功能——包括地理定位，加速器，聯(lián)系人，聲音和振動等。
Jquery mobile是由（MT）Media Temple聯(lián)合多家移動設(shè)備廠商以及軟件企業(yè)共同發(fā)起的的針對觸屏智能手機與平板電腦的website以及在線應用的前端開發(fā)框架。Jquery mobile構(gòu)建于Jquery 以及 Jquery UI類庫之上，為前端開發(fā)人員提供了一個兼容所有主流移動設(shè)備平臺的統(tǒng)一UI接口系統(tǒng)。擁有出色的彈性，輕量化以及漸進增強特性與可訪問性。
?
1.首先需要下載PhoneGap，可以去如下網(wǎng)站下載：http://phonegap.com/?? 在首頁的右上角有個下載圖標，點擊可以下載其壓縮版本，現(xiàn)在最新版是PhoneGap1.5.0，下載后的文件名是：phonegap-phonegap-1[1].5.0-0-gde1960d.zip。
2.下載完成后，對其進行解壓，里面會有其介紹文檔和示例文件（包括android，ios，blackberry等），此處我們只需 要用到android的，在解壓的文件中，在lib文件夾下的android文件夾中，我們找到cordova-1.5.0.jar(其實也就是其他網(wǎng)站 中指的phonegap.jar)、cordova-1.5.0.js還有一個xml文件夾
3.新建一個android工程
4.在項目的根目錄下新建四個目錄。 /libs /assets/www
/assets/css
/assets/js
5.將cordova-1.5.0.js拷貝到/assets/js目錄下。 6.將cordova-1.5.0.jar拷貝到/libs目錄下。 7.將xml文件夾拷貝到/res目錄下。 8.在src源代碼文件中的main java源代碼文件中做做一些修改。 將類由繼承Activity改成繼承DroidGap。 將setContentView()一行用super.loadUrl("file:///android_asset/www/index.html");替換 添加: import com.phonegap.*; 刪除import android.app.Activity
import org.apache.cordova.DroidGap; import android.os.Bundle;public class App extends DroidGap {/** Called when the activity is first created. */@Overridepublic void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState); // setContentView(R.layout.main);super.loadUrl("file:///android_asset/www/index.html");} }布置好的項目截取如下：
此時你還沒有jquery mobile沒有關(guān)系。我們先把phonegap配置好，接著：
?1.在AndroidManifest.xml中添加如下xml代碼，具體添加地方，可以參考上面的截圖：
<supports-screens android:largeScreens="true" android:normalScreens="true" android:smallScreens="true" android:resizeable="true" android:anyDensity="true" /> <uses-permission android:name="android.permission.CAMERA" /> <uses-permission android:name="android.permission.VIBRATE" /> <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" /> <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" /> <uses-permission android:name="android.permission.ACCESS_LOCATION_EXTRA_COMMANDS" /> <uses-permission android:name="android.permission.READ_PHONE_STATE" /> <uses-permission android:name="android.permission.INTERNET" /> <uses-permission android:name="android.permission.RECEIVE_SMS" /> <uses-permission android:name="android.permission.RECORD_AUDIO" /> <uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" /> <uses-permission android:name="android.permission.READ_CONTACTS" /> <uses-permission android:name="android.permission.WRITE_CONTACTS" /> <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" /> <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" /> <uses-permission android:name="android.permission.GET_ACCOUNTS" />2.將如下?android:configChanges="orientation|keyboardHidden"添加到默認的activity標簽中。
?
?3.然后在/assets/www/目錄下創(chuàng)建一個index.html文檔內(nèi)容如下：
<!DOCTYPE HTML> <html> <head> <title>PhoneGap</title> <script type="text/javascript" charset="utf-8" src="cordova-1.5.0.js"></script> </head> <body> <h1>Hello World</h1> </body> </html>4.加入jquery mobile支持，去其官網(wǎng)下載：http://jquerymobile.com/blog/2012/01/26/jquery-mobile-1-0-1-released/#download，
現(xiàn)在最新穩(wěn)定版本是1.0.1，可以下載包含所需文件的zip格式的壓縮包，名稱： jquery.mobile-1.0.1.zip (JavaScript, CSS, and images) ，另外再下載jquery-1.6.4.min.js
下載下來后，解壓。把jquery.mobile-1.0.1.min.css放到assets/css目錄下，把jquery.mobile-1.0.1.min.js和jquery-1.6.4.min.js放到assets/js目錄下。
5.修改index.html
<!DOCTYPE HTML> <html><head><meta name="viewport" content="width=device-width,minimum-scale=1,maximum-scale=1" charset="UTF-8"><link rel="stylesheet" href="../css/jquery.mobile-1.0.1.min.css"><script src="../js/jquery-1.6.4.min.js"></script><script src="../js/jquery.mobile-1.0.1.min.js"></script></head><body><div data-role="page"><div data-role="header"><h1>Test</h1></div><div data-role="content" data-theme="a"><div data-role="fieldcontain"> <label for="username">登錄名:</label> <input type="text" name="username" id="username" value="" /> <label for="password">密碼:</label> <input type="password" name="password" id="password" value="" /></div></div><div data-role="footer"><h4>Page Footer</h4></div></div><div data-role="page" id="dialogPopUp"><div data-role="header"><h1>Dialog Title</h1></div><div data-role="content"> This is a dialog box </div><div data-role="footer"><h4>Additional Footer information</h4></div></div></body> </html>運行結(jié)果如下：
?
轉(zhuǎn)：http://www.myexception.cn/android/434545.html
轉(zhuǎn)載于:https://www.cnblogs.com/huidaoli/p/3549794.html
總結(jié)
以上是生活随笔為你收集整理的PhoneGap与Jquery Mobile结合开发android应用配置的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 【转载】MySQL Show命令总结
- 下一篇： xcode：关于Other Linker