相信UI设计是很多人头疼的问题,今天看了一个视频是通过webview+html 设计UI界面,想了一想可以将jquery整合进去(我以前是学做网站的,jquery可以实现很多效果)所以做了个demo,我这个demo只是实验下我的猜想是否可行,不是真正的ui设计,所以更多的是效果的实现界面挺难看的。 (demo在附件中)
先上图:
关键代码(demo在附件中):
---------------------------------------------activity
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
view = (WebView)findViewById(R.id.wbShwo);
view.getSettings().setJavaScriptEnabled(true);
view.getSettings().setCacheMode(0);
// 注册javascript对象
view.addJavascriptInterface(new JavaScriptMake(view,this),"jsMake");
//加载xml文件file:///android_asset 表示 assets 资源
view.loadUrl("file:///android_asset/test.html");
}
-----------------------------------------javascript与java交互类
package com.my;
import org.apache.commons.logging.Log;
import org.json.JSONArray;
import org.json.JSONException;
import org.json.JSONObject;
import android.app.Activity;
import android.webkit.WebView;
import android.widget.Toast;
public class JavaScriptMake {
private WebView view;
private Activity activity ;
public JavaScriptMake(WebView view,Activity activity) {
this.view = view;
this.activity= activity;
}
/**
* java 将数据传给js 通过loadUrl()调用 js方法
*/
public void javaToJs()
{
view.loadUrl("javascript:iniData('"+inidata()+"')");
}
/**
* js 将数据传给 java 通过WebView 的addJavascriptInterface()方法 映射一个对象 然后再js中通过javascript:对象.方法(参数)的方式调用
* @param s
*/
public void jsTojava(String s)
{
Toast.makeText(activity,s,Toast.LENGTH_SHORT).show();
}
/**
* 初始化数据
* @return
*/
public String inidata() {
try {
//封装json对象
JSONObject jsonObject = new JSONObject();
jsonObject.put("name", "zhangsan");
jsonObject.put("sex", "男");
jsonObject.put("age","16");
JSONObject jsonObject1 = new JSONObject();
jsonObject1.put("name", "lisi");
jsonObject1.put("sex", "男");
jsonObject1.put("age","25");
JSONObject jsonObject2 = new JSONObject();
jsonObject2.put("name", "wangwu");
jsonObject2.put("sex", "男");
jsonObject2.put("age","26");
JSONArray array = new JSONArray();
array.put(jsonObject);
array.put(jsonObject1);
array.put(jsonObject2);
android.util.Log.d("log",array.toString());
return array.toString();
} catch (JSONException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
return "";
}
}
- 大小: 17.8 KB
- 大小: 21.8 KB
- 大小: 24.2 KB
分享到:
相关推荐
android滑动切换页面——(webview + viewpager)的演示
android通过webview加载html,调用js获取摄像头拍照保存图片,程序已调试运行成功,androidStudio导入运行即可
android webView+progressBar刷新加载示例.有需要的可以自行下载查看
TabLayout+ViewPager+RecyclerView+Webview+Videoview 禁止RecyclerView滑动+scrollview 完美解决ScrollView嵌套RecyclerView滑动不流畅 ViewPager处理引导页 ViewPager +RecyclerView 显示图片切换效果。 ...
Android通过WEBVIEW调用HTTPS
极光推送+admob插屏+tabhost使用+webview+友盟统计 极光推送+admob插屏+tabhost使用+webview+友盟统计 极光推送+admob插屏+tabhost使用+webview+友盟统计
webview全称叫做Android System WebView,它是Android生态系统的重要组成部分,也是Chrome浏览器的内核。可以让你的手机变得瞬间畅通,它会及时优化网页相关数据,有着接入式的操作体验数据,各种类型的应用程序可...
图片列表RecyclerView+ListView+WebView+JzvdStdJZPlayer+Jsoup+Glide(二)
集成webview+gps+相机调用的安卓app源码,很有实际应用框架。
这是AOSP Webview, 包名com.android.webview, 不带google的 带google包名的可以下载 google system webview覆盖安装,可以略过 此文件包含 arm和arm64的webview这是AOSP Webview, 包名com.android.webview, 不带...
本人主要是做PHP,公司开发一个餐饮系统,需要用到网络打印小票,开发的时候,遇到很多问题(从网页跳到android,android获取到数据再与PHP交互,然后又从android回到网页,执行网页JS部分),最主要的还是打印长文本...
Android开发WebView配置,,兼容H5调用Android手机相册和拍照。并显示。 博客地址:https://blog.csdn.net/To_be_Designer/article/details/79914043
图片列表RecyclerView+ListView+WebView+JzvdStd/JZPlayer+Jsoup+Glide
使用android studio 3.1.2 ,利用webview,实现登录界面。采用本地html 页面
Android中WebView与HTML+Javascript的交互 Android中WebView与HTML+Javascript的交互
Android 通过 WebView 与 js 交互实现图文混排, 解决图片适配屏幕问题与查看大图功能
android system webview 适配系统>=5.0
android 8.0 webview 拍照、预览、二维码扫描比较完整的例子,对于权限检查控制,有比较完善的提示写法。可以下载后,直接在android studid上运行,编译版本和target版本均是SDK android 8.0,最低版本设置成了...
android + h5 混合开发 webview 版 小实例 + 数据交互 + 界面交互+ js调用java +java 调用js