jq调用android方法,Android端JQueryMobile使用教程(一)
标签(空格分隔): Android JQueryMobile
工程构建
新建一个Android工程
在工程中创建目录assets/www
从官网(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文件复制到assets/www目录下。
在assets/www目录下创建并编写index.html文件
更改Activity类
示例代码:index.html
JQuery Mobile Libraries
Page 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机制,将MainActivity的对象实例和前端的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页面
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);
}
});
}
}
页面设计说明:
在jQuery Mobile框架设计的HTML页中,通常是一个页面中有一个页面容器,而页面容器中则存在多个页面。页面容器以date-role=“page”作标识,而普通页面以date-role=“content”作标识。在一个页面中,页面头部和尾部是可选的部分。
示例代码:
在上面的代码中,展示了如何在一个容器页面中包含三个页面,其中有2个页面是有页头和页脚的,分别用data-role="header"和data-role="footer"标识。
jq调用android方法,Android端JQueryMobile使用教程(一)相关推荐
- import android.view.window;,尝试在空对象引用上调用虚拟方法‘android.view.Window$回调...
尝试在空对象引用上调用虚拟方法'android.view.Window$回调-android.view.Window.getCallback()' 当我SplashActivity打开LoginAct ...
- android 运行jquery,Android端JQueryMobile使用教程(一)
一. 通过Javascript访问Android的Java代码 1. 其实WebApp这个版块已经放置一段时间了,但是一直没有写文章,那是因为我还在学习中. iscrollview下载地址:https ...
- uniapp调用手机摄像头_uniapp原生插件开发之调用原生方法(android)
需要实现的功能: 点击uniapp页面view,传递参数,调用android原生代码,然后原生代码处理数据,返回到uniapp页面 步骤 1.编写uniapp的视图页面 {{title}} 点击调用a ...
- android 虚方法,尝试在空对象引用上调用虚方法’android.view.View android.view.View.getRootView()’...
我收到这个错误, "Attempt to invoke virtual method 'android.view.View android.view.View.getRootView()' ...
- android 调用activity方法,Android用代码方式调用其他应用Activity报错
我一开始使用代码方式启动一个,系统自带应用的activity var intent=Intent() intent.action="android.intent.action.MAIN&qu ...
- android调用音量方法,android中获取当前音量大小
android中获取当前音量大小 (2012-11-07 08:40:41) 标签: it 通过程序获取android系统手机的铃声和音量.同样,设置铃声和音量的方法也很简单! 设置音量的方法也很简单 ...
- android 连续调用js方法,Android的WebView中的JavascriptInterface:对JS的多次调用会导致死锁...
这是我用过的整个Java代码.我将在下面更详细地解释... public class Test7 extends Activity { //debug private final static Str ...
- android调用网页方法,Android调用手机浏览器的正确方式
有时候我们需要调用手机的浏览器,搜索过会我们一般都能找到这样的代码: //从其他浏览器打开 Intent intent = new Intent(); intent.setAction(Intent. ...
- js调android方法失败,安卓开发学习之解决JS不能调用Android方法
背景 这两天在做划词搜索时,需要让前端的js调用后端的Android方法,但总是调不成,经过搜索,问题解决,现记录成文. 解决方案 1.确定调用了webView.addJavascriptInterf ...
最新文章
- Android——按钮的事件监听
- Python中的这几种报错你遇到过吗?
- swift -- Tuple 元组 Dictionary
- iOS数据持久化 -- Core Data
- appium相关记录
- win32 api应用如何输出日志log Windows程序设计 visualstudio vs无控制台如何输出
- 人工智能、机器学习、神经网络和深度学习的关系
- Doubango代码学习(四):ragel state和message parser
- hbase二级索引解决方案
- java--实现j2cache二级缓存
- 怎样用关系代数表达式表示查询要求?求过程
- day1.数据库初步了解
- Python-----并发,并行,进程,多进程
- 计算机组成原理课设题目详解
- 基于Android studio的WIFI搜索显示与WIFI打开
- 使用 IE 或Chrome等浏览器,通过网络抓包的形式,查看发送请求时的网络
- FAQ 检索式问答系统学习记录
- 新海诚画集[秒速5センチメートル:樱花抄·學舍]
- oracle 对象类型是什么意思,Oracle对象类型 (转)
- 滚动文字、滚动图片代码
热门文章
- 关于Linux系统下在使用close关闭串口设备时引起的内核崩溃问题解决方法
- Android平台上使用属性系统(property system)
- 3.21-22 od、tee
- python partition函数_在Python中相当于R的createDataPartition
- 1598: TomCat的环(快速幂+染色问题)
- 这位挪威博士是如何成为阿里云PolarDB资深架构师的?
- 聚焦实战,架构升级!
- Quick Audience精准营销之后 良品铺子还将借力阿里云数据中台有更多动作
- pythonint切片_python-切片
- 零基础学Java编程一定要上Java培训机构吗