jq调用android方法,Android端JQueryMobile使用教程(一)
標(biāo)簽(空格分隔)： Android JQueryMobile
工程構(gòu)建
新建一個(gè)Android工程
在工程中創(chuàng)建目錄assets/www
從官網(wǎng)(http://jquerymobile.com/)上下載JQuery和JQuery Mobile框架。
將query.mobile-x.x.x.min.css，query.mobile-x.x.x.min.js，images文件夾和query-xxx.min.js文件復(fù)制到assets/www目錄下。
在assets/www目錄下創(chuàng)建并編寫index.html文件
更改Activity類
示例代碼：index.html
JQuery Mobile LibrariesPage Title
Page content goes here.
Page Footer
示例代碼：MainActivity.java
package com.litsoft.jqmobile;
import android.app.Activity;
import android.os.Bundle;
import android.os.Handler;
import android.webkit.WebView;
/**
* 1.首先初始化WebView并允許WebView使用Javascript
* 2.使用handler機(jī)制，將MainActivity的對(duì)象實(shí)例和前端的Javascript綁定，交互的接口名稱為contactSupport
* @author Prostory
*
*/
public class MainActivity extends Activity {
WebView webView;
private Handler handler = null;
/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
// 初始化WebView
webView = new WebView(this);
setContentView(webView);
// 允許使用Javascript
webView.getSettings().setJavaScriptEnabled(true);
handler = new Handler();
webView.addJavascriptInterface(this, "contactSupport");
//裝載index.html頁(yè)面
loadPage("index.html");
}
public void loadPage(String in){
final String url = "file:///android_asset/www/" + in;
loadURL(url);
}
private void loadURL(final String in){
handler.post(new Runnable(){
public void run(){
webView.loadUrl(in);
}
});
}
}
頁(yè)面設(shè)計(jì)說(shuō)明：
在jQuery Mobile框架設(shè)計(jì)的HTML頁(yè)中，通常是一個(gè)頁(yè)面中有一個(gè)頁(yè)面容器，而頁(yè)面容器中則存在多個(gè)頁(yè)面。頁(yè)面容器以date-role=“page”作標(biāo)識(shí)，而普通頁(yè)面以date-role=“content”作標(biāo)識(shí)。在一個(gè)頁(yè)面中，頁(yè)面頭部和尾部是可選的部分。
示例代碼：
.....................在上面的代碼中，展示了如何在一個(gè)容器頁(yè)面中包含三個(gè)頁(yè)面，其中有2個(gè)頁(yè)面是有頁(yè)頭和頁(yè)腳的，分別用data-role="header"和data-role="footer"標(biāo)識(shí)。
總結(jié)
以上是生活随笔為你收集整理的jq调用android方法,Android端JQueryMobile使用教程(一)的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： 原生android 权限管理,Andro
- 下一篇： android sina oauth2.