android通过webview+jquery设计界面

简介: 引用:http://zhanhao.iteye.com/blog/1113776  (有源码包) 相信UI设计是很多人头疼的问题,今天看了一个视频是通过webview+html 设计UI界面,想了一想可以将jquery整合进去(我以前是学做网站的,jquery可以实现很多效果)所以做了个demo,我这个demo只是实验下我的猜想是否可行,不是真正的ui设计,所以更多的是效果的实现界面挺难看的。

引用:http://zhanhao.iteye.com/blog/1113776  (有源码包)

相信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 "";
 }
}

相关文章
|
2月前
|
Android开发
定制Android关机界面
定制Android关机界面
23 0
|
1月前
|
安全 JavaScript 前端开发
kotlin开发安卓app,JetPack Compose框架,给webview新增一个按钮,点击刷新网页
在Kotlin中开发Android应用,使用Jetpack Compose框架时,可以通过添加一个按钮到TopAppBar来实现WebView页面的刷新功能。按钮位于右上角,点击后调用`webViewState?.reload()`来刷新网页内容。以下是代码摘要:
|
1月前
|
JavaScript 前端开发 Android开发
kotlin安卓在Jetpack Compose 框架下使用webview , 网页中的JavaScript代码如何与native交互
在Jetpack Compose中使用Kotlin创建Webview组件,设置JavaScript交互:`@Composable`函数`ComposableWebView`加载网页并启用JavaScript。通过`addJavascriptInterface`添加`WebAppInterface`类,允许JavaScript调用Android方法如播放音频。当页面加载完成时,执行`onWebViewReady`回调。
|
1月前
|
编解码 安全 Android开发
探索iOS与Android开发的差异:从界面到性能
【6月更文挑战第10天】在移动应用开发的广阔天地中,iOS和Android两大平台各占山头,它们在设计理念、用户体验、性能优化等方面展现出独特的魅力。本文将深入探讨这两大系统在开发过程中的主要差异,从用户界面设计到性能调优,揭示各自背后的技术逻辑与创新策略,为开发者提供全面的视角和实用的开发指南。
|
24天前
|
Android开发 索引
Android流布局实现筛选界面
Android流布局实现筛选界面
19 0
|
1月前
|
XML Android开发 数据格式
【Android UI】使用RelativeLayout与TableLayout实现登录界面
【Android UI】使用RelativeLayout与TableLayout实现登录界面
36 5
|
24天前
|
Web App开发 JavaScript 前端开发
Android端使用WebView注入一段js代码实现js调用android
Android端使用WebView注入一段js代码实现js调用android
32 0
|
1月前
|
Web App开发 移动开发 前端开发
52. 【Android教程】网页视图:WebView
52. 【Android教程】网页视图:WebView
23 1
|
1月前
|
安全 网络安全 API
kotlin安卓开发JetPack Compose 如何使用webview 打开网页时给webview注入cookie
在Jetpack Compose中使用WebView需借助AndroidView。要注入Cookie,首先在`build.gradle`添加WebView依赖,如`androidx.webkit:webkit:1.4.0`。接着创建自定义`ComposableWebView`,通过`CookieManager`设置接受第三方Cookie并注入Cookie字符串。最后在Compose界面使用这个自定义组件加载URL。注意Android 9及以上版本可能需要在网络安全配置中允许第三方Cookie。
199 0
|
2月前
|
Linux Android开发
Android开机不显示bootloader界面
Android开机不显示bootloader界面
26 0
Android开机不显示bootloader界面