Android：你要的WebView与 JS 交互方式都在这里了

万次阅读 多人点赞 2017-03-22 09:19:45

上述功能是由Android的WebView实现的，其中涉及到Android客户端与Web网页交互的实现今天我将全面介绍Android通过WebView与JS交互的全面方式阅读本文前请先阅读：Android开发：最全面、最易懂的Webview详解 ...

前言
现在很多App里都内置了Web网页（Hybrid App），比如说很多电商平台，淘宝、京东、聚划算等等，如下图

上述功能是由Android的WebView实现的，其中涉及到Android客户端与Web网页交互的实现
今天我将全面介绍Android通过WebView与JS交互的全面方式

阅读本文前请先阅读：Android开发：最全面、最易懂的Webview详解

#目录

1. 交互方式总结
Android与JS通过WebView互相调用方法，实际上是：
Android去调用JS的代码
JS去调用Android的代码

二者沟通的桥梁是WebView

对于Android调用JS代码的方法有2种：
通过WebView的loadUrl（）
通过WebView的evaluateJavascript（）
对于JS调用Android代码的方法有3种：
通过WebView的addJavascriptInterface（）进行对象映射
通过 WebViewClient 的shouldOverrideUrlLoading ()方法回调拦截 url
通过 WebChromeClient 的onJsAlert()、onJsConfirm()、onJsPrompt（）方法回调拦截JS对话框alert()、confirm()、prompt（） 消息
2. 具体分析
2.1  Android通过WebView调用 JS 代码
对于Android调用JS代码的方法有2种：
通过WebView的loadUrl（）
通过WebView的evaluateJavascript（）
方式1：通过WebView的loadUrl（）
实例介绍：点击Android按钮，即调用WebView JS（文本名为javascript）中callJS（）
具体使用：
步骤1：将需要调用的JS代码以.html格式放到src/main/assets文件夹里

为了方便展示，本文是采用Andorid调用本地JS代码说明；
实际情况时，Android更多的是调用远程JS代码，即将加载的JS代码路径改成url即可

需要加载JS代码：javascript.html
// 文本名：javascript
<!DOCTYPE html>
<html>

   <head>
      <meta charset="utf-8">
      <title>Carson_Ho</title>
      
// JS代码
     <script>
// Android需要调用的方法
   function callJS(){
      alert("Android调用了JS的callJS方法");
   }
</script>

   </head>

</html>

步骤2：在Android里通过WebView设置调用JS代码
Android代码：MainActivity.java

注释已经非常清楚

 public class MainActivity extends AppCompatActivity {

    WebView mWebView;
    Button button;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        mWebView =(WebView) findViewById(R.id.webview);

        WebSettings webSettings = mWebView.getSettings();

        // 设置与Js交互的权限
        webSettings.setJavaScriptEnabled(true);
        // 设置允许JS弹窗
        webSettings.setJavaScriptCanOpenWindowsAutomatically(true);

        // 先载入JS代码
        // 格式规定为:file:///android_asset/文件名.html
        mWebView.loadUrl("file:///android_asset/javascript.html");

        button = (Button) findViewById(R.id.button);


        button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                // 通过Handler发送消息
                mWebView.post(new Runnable() {
                    @Override
                    public void run() {

                        // 注意调用的JS方法名要对应上
                        // 调用javascript的callJS()方法
                        mWebView.loadUrl("javascript:callJS()");
                    }
                });
                
            }
        });

        // 由于设置了弹窗检验调用结果,所以需要支持js对话框
        // webview只是载体，内容的渲染需要使用webviewChromClient类去实现
        // 通过设置WebChromeClient对象处理JavaScript的对话框
        //设置响应js 的Alert()函数
        mWebView.setWebChromeClient(new WebChromeClient() {
            @Override
            public boolean onJsAlert(WebView view, String url, String message, final JsResult result) {
                AlertDialog.Builder b = new AlertDialog.Builder(MainActivity.this);
                b.setTitle("Alert");
                b.setMessage(message);
                b.setPositiveButton(android.R.string.ok, new DialogInterface.OnClickListener() {
                    @Override
                    public void onClick(DialogInterface dialog, int which) {
                        result.confirm();
                    }
                });
                b.setCancelable(false);
                b.create().show();
                return true;
            }

        });


    }
}


特别注意：JS代码调用一定要在 onPageFinished（） 回调之后才能调用，否则不会调用。

onPageFinished()属于WebViewClient类的方法，主要在页面加载结束时调用

方式2：通过WebView的evaluateJavascript（）
优点：该方法比第一种方法效率更高、使用更简洁。

因为该方法的执行不会使页面刷新，而第一种方法（loadUrl ）的执行则会。
Android 4.4 后才可使用

具体使用
// 只需要将第一种方法的loadUrl()换成下面该方法即可
    mWebView.evaluateJavascript（"javascript:callJS()", new ValueCallback<String>() {
        @Override
        public void onReceiveValue(String value) {
            //此处为 js 返回的结果
        }
    });
}

2.1.2 方法对比

2.1.3 使用建议
两种方法混合使用，即Android 4.4以下使用方法1，Android 4.4以上方法2
// Android版本变量
final int version = Build.VERSION.SDK_INT;
// 因为该方法在 Android 4.4 版本才可使用，所以使用时需进行版本判断
if (version < 18) {
    mWebView.loadUrl("javascript:callJS()");
} else {
    mWebView.evaluateJavascript（"javascript:callJS()", new ValueCallback<String>() {
        @Override
        public void onReceiveValue(String value) {
            //此处为 js 返回的结果
        }
    });
}

2.2 JS通过WebView调用 Android 代码
对于JS调用Android代码的方法有3种：
通过WebView的addJavascriptInterface（）进行对象映射
通过 WebViewClient 的shouldOverrideUrlLoading ()方法回调拦截 url
通过 WebChromeClient 的onJsAlert()、onJsConfirm()、onJsPrompt（）方法回调拦截JS对话框alert()、confirm()、prompt（） 消息
2.2.1 方法分析
方式1：通过 WebView的addJavascriptInterface（）进行对象映射
步骤1：定义一个与JS对象映射关系的Android类：AndroidtoJs
AndroidtoJs.java（注释已经非常清楚）
// 继承自Object类
public class AndroidtoJs extends Object {

    // 定义JS需要调用的方法
    // 被JS调用的方法必须加入@JavascriptInterface注解
    @JavascriptInterface
    public void hello(String msg) {
        System.out.println("JS调用了Android的hello方法");
    }
}

步骤2：将需要调用的JS代码以.html格式放到src/main/assets文件夹里
需要加载JS代码：javascript.html
<!DOCTYPE html>
<html>
   <head>
      <meta charset="utf-8">
      <title>Carson</title>  
      <script>
         
        
         function callAndroid(){
        // 由于对象映射，所以调用test对象等于调用Android映射的对象
            test.hello("js调用了android中的hello方法");
         }
      </script>
   </head>
   <body>
      //点击按钮则调用callAndroid函数
      <button type="button" id="button1" "callAndroid()"></button>
   </body>
</html>

步骤3：在Android里通过WebView设置Android类与JS代码的映射

详细请看注释

public class MainActivity extends AppCompatActivity {

    WebView mWebView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        mWebView = (WebView) findViewById(R.id.webview);
        WebSettings webSettings = mWebView.getSettings();

        // 设置与Js交互的权限
        webSettings.setJavaScriptEnabled(true);

        // 通过addJavascriptInterface()将Java对象映射到JS对象
        //参数1：Javascript对象名
        //参数2：Java对象名
        mWebView.addJavascriptInterface(new AndroidtoJs(), "test");//AndroidtoJS类对象映射到js的test对象

        // 加载JS代码
        // 格式规定为:file:///android_asset/文件名.html
        mWebView.loadUrl("file:///android_asset/javascript.html");



特点
优点：使用简单

仅将Android对象和JS对象映射即可

缺点：存在严重的漏洞问题，具体请看文章：你不知道的 Android WebView 使用漏洞
方式2：通过 WebViewClient 的方法shouldOverrideUrlLoading ()回调拦截 url
具体原理：
Android通过 WebViewClient 的回调方法shouldOverrideUrlLoading ()拦截 url
解析该 url 的协议
如果检测到是预先约定好的协议，就调用相应方法

即JS需要调用Android的方法

具体使用：
步骤1：在JS约定所需要的Url协议
JS代码：javascript.html

以.html格式放到src/main/assets文件夹里

<!DOCTYPE html>
<html>

   <head>
      <meta charset="utf-8">
      <title>Carson_Ho</title>
      
     <script>
         function callAndroid(){
            /*约定的url协议为：js://webview?arg1=111&arg2=222*/
            document.location = "js://webview?arg1=111&arg2=222";
         }
      </script>
</head>

<!-- 点击按钮则调用callAndroid（）方法  -->
   <body>
     <button type="button" id="button1" "callAndroid()">点击调用Android代码</button>
   </body>
</html>

当该JS通过Android的mWebView.loadUrl("file:///android_asset/javascript.html")加载后，就会回调shouldOverrideUrlLoading （），接下来继续看步骤2：
步骤2：在Android通过WebViewClient复写shouldOverrideUrlLoading （）
MainActivity.java
public class MainActivity extends AppCompatActivity {

    WebView mWebView;
//    Button button;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        mWebView = (WebView) findViewById(R.id.webview);

        WebSettings webSettings = mWebView.getSettings();

        // 设置与Js交互的权限
        webSettings.setJavaScriptEnabled(true);
        // 设置允许JS弹窗
        webSettings.setJavaScriptCanOpenWindowsAutomatically(true);

        // 步骤1：加载JS代码
        // 格式规定为:file:///android_asset/文件名.html
        mWebView.loadUrl("file:///android_asset/javascript.html");


// 复写WebViewClient类的shouldOverrideUrlLoading方法
mWebView.setWebViewClient(new WebViewClient() {
                                      @Override
                                      public boolean shouldOverrideUrlLoading(WebView view, String url) {

                                          // 步骤2：根据协议的参数，判断是否是所需要的url
                                          // 一般根据scheme（协议格式） & authority（协议名）判断（前两个参数）
                                          //假定传入进来的 url = "js://webview?arg1=111&arg2=222"（同时也是约定好的需要拦截的）

                                          Uri uri = Uri.parse(url);                                 
                                          // 如果url的协议 = 预先约定的 js 协议
                                          // 就解析往下解析参数
                                          if ( uri.getScheme().equals("js")) {

                                              // 如果 authority  = 预先约定协议里的 webview，即代表都符合约定的协议
                                              // 所以拦截url,下面JS开始调用Android需要的方法
                                              if (uri.getAuthority().equals("webview")) {

                                                 //  步骤3：
                                                  // 执行JS所需要调用的逻辑
                                                  System.out.println("js调用了Android的方法");
                                                  // 可以在协议上带有参数并传递到Android上
                                                  HashMap<String, String> params = new HashMap<>();
                                                  Set<String> collection = uri.getQueryParameterNames();

                                              }

                                              return true;
                                          }
                                          return super.shouldOverrideUrlLoading(view, url);
                                      }
                                  }
        );
   }
        }



特点
优点：不存在方式1的漏洞；
缺点：JS获取Android方法的返回值复杂。

如果JS想要得到Android方法的返回值，只能通过 WebView 的 loadUrl （）去执行 JS 方法把返回值传递回去，相关的代码如下：

// Android：MainActivity.java
mWebView.loadUrl("javascript:returnResult(" + result + ")");

// JS：javascript.html
function returnResult(result){
    alert("result is" + result);
}

#方式3：通过 WebChromeClient 的onJsAlert()、onJsConfirm()、onJsPrompt（）方法回调拦截JS对话框alert()、confirm()、prompt（） 消息
在JS中，有三个常用的对话框方法：

方式3的原理：Android通过 WebChromeClient 的onJsAlert()、onJsConfirm()、onJsPrompt（）方法回调分别拦截JS对话框

（即上述三个方法），得到他们的消息内容，然后解析即可。
下面的例子将用**拦截 JS的输入框（即prompt（）方法）**说明 ：

常用的拦截是：拦截 JS的输入框（即prompt（）方法）
因为只有prompt（）可以返回任意类型的值，操作最全面方便、更加灵活；而alert（）对话框没有返回值；confirm（）对话框只能返回两种状态（确定 / 取消）两个值

步骤1：加载JS代码，如下：
javascript.html

以.html格式放到src/main/assets文件夹里

<!DOCTYPE html>
<html>
   <head>
      <meta charset="utf-8">
      <title>Carson_Ho</title>
      
     <script>
        
	function clickprompt(){
    // 调用prompt（）
    var result=prompt("js://demo?arg1=111&arg2=222");
    alert("demo " + result);
}

      </script>
</head>

<!-- 点击按钮则调用clickprompt()  -->
   <body>
     <button type="button" id="button1" "clickprompt()">点击调用Android代码</button>
   </body>
</html>

当使用mWebView.loadUrl("file:///android_asset/javascript.html")加载了上述JS代码后，就会触发回调onJsPrompt（），具体如下：

如果是拦截警告框（即alert()），则触发回调onJsAlert（）；
如果是拦截确认框（即confirm()），则触发回调onJsConfirm（）；

步骤2：在Android通过WebChromeClient复写onJsPrompt（）
public class MainActivity extends AppCompatActivity {

    WebView mWebView;
//    Button button;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        mWebView = (WebView) findViewById(R.id.webview);

        WebSettings webSettings = mWebView.getSettings();

        // 设置与Js交互的权限
        webSettings.setJavaScriptEnabled(true);
        // 设置允许JS弹窗
        webSettings.setJavaScriptCanOpenWindowsAutomatically(true);

// 先加载JS代码
        // 格式规定为:file:///android_asset/文件名.html
        mWebView.loadUrl("file:///android_asset/javascript.html");


        mWebView.setWebChromeClient(new WebChromeClient() {
                                        // 拦截输入框(原理同方式2)
                                        // 参数message:代表promt（）的内容（不是url）
                                        // 参数result:代表输入框的返回值
                                        @Override
                                        public boolean onJsPrompt(WebView view, String url, String message, String defaultValue, JsPromptResult result) {
                                            // 根据协议的参数，判断是否是所需要的url(原理同方式2)
                                            // 一般根据scheme（协议格式） & authority（协议名）判断（前两个参数）
                                            //假定传入进来的 url = "js://webview?arg1=111&arg2=222"（同时也是约定好的需要拦截的）

                                            Uri uri = Uri.parse(message);
                                            // 如果url的协议 = 预先约定的 js 协议
                                            // 就解析往下解析参数
                                            if ( uri.getScheme().equals("js")) {

                                                // 如果 authority  = 预先约定协议里的 webview，即代表都符合约定的协议
                                                // 所以拦截url,下面JS开始调用Android需要的方法
                                                if (uri.getAuthority().equals("webview")) {

                                                    //
                                                    // 执行JS所需要调用的逻辑
                                                    System.out.println("js调用了Android的方法");
                                                    // 可以在协议上带有参数并传递到Android上
                                                    HashMap<String, String> params = new HashMap<>();
                                                    Set<String> collection = uri.getQueryParameterNames();

                                                    //参数result:代表消息框的返回值(输入值)
                                                    result.confirm("js调用了Android的方法成功啦");
                                                }
                                                return true;
                                            }
                                            return super.onJsPrompt(view, url, message, defaultValue, result);
                                        }

// 通过alert()和confirm()拦截的原理相同，此处不作过多讲述

                                        // 拦截JS的警告框
                                        @Override
                                        public boolean onJsAlert(WebView view, String url, String message, JsResult result) {
                                            return super.onJsAlert(view, url, message, result);
                                        }

                                        // 拦截JS的确认框
                                        @Override
                                        public boolean onJsConfirm(WebView view, String url, String message, JsResult result) {
                                            return super.onJsConfirm(view, url, message, result);
                                        }
                                    }
        );


            }

        }


Demo地址

上述所有代码均存放在：Carson_Ho的Github地址 ： WebView Demo
2.2.2 三种方式的对比 & 使用场景

3. 总结
本文主要对Android通过WebView与JS的交互方式进行了全面介绍

关于WebView的系列文章对你有所帮助
Android开发：最全面、最易懂的Webview详解
Android：你不知道的 WebView 使用漏洞
手把手教你构建 Android WebView 的缓存机制 & 资源预加载方案
接下来我会继续讲解其他安卓开发的知识，有兴趣可以继续关注Carson_Ho的安卓开发笔记！！！！
请帮顶和评论点赞！因为你们的赞同/鼓励是我写作的最大动力！
欢迎关注carson_ho的微信公众号

收起

展开全文

Android WebView Hybrid

Ajax同步交互与异步交互

千次阅读 2020-08-27 21:58:32

Ajax同步交互与异步交互同步交互是什么所谓同步交互，就是指发送一个请求，需要等待返回，然后才能够发送下一个请求。同步交互相当于排队，轮到下一个的情况会因为前一个而有所不同。说明：同步交互就是第二次...

Ajax同步交互与异步交互

同步交互是什么

所谓同步交互，就是指发送一个请求，需要等待返回，然后才能够发送下一个请求。同步交互相当于排队，轮到下一个的情况会因为前一个而有所不同。

说明：同步交互就是第二次请求必须等待第一次请求结束之后才可以开始。

异步交互是什么

所谓异步交互，就是指指发送一个请求，不需要等待返回，随时可以再发送下一个请求。同步交互与异步交互的区别在于同步交互需要等待结果，而异步交互不需要等待。

说明：异步交互就是第二次请求不需要等待第一次请求结束之后就可以开始。

异步交互的优势

异步交互相比同步交互的优势主要具有以下几点:

用户操作无须像同步交互必须等待结果。
异步交互只需与服务器端交换必要的数据内容，而不是将所有数据全部更新。
异步交互对带宽造成的压力相比同步交互更小。
通过Ajax实现异步交互不需要任何第三方插件，只要刘览器支持JavaScript语言即可实现。

异步交互的劣势

异步交互相比同步交互并不是优势，它也存在一些问题:

异步交互破坏了刘览器原有的前进和后退机制。
如果后面逻辑的执行依靠前面逻辑执行的结果的话，异步交互可能会造成问题。
Ajax实现异步交互对搜索引擎支持较弱。
Ajax实现异步交互会引起一些Web安全问题，例如SQL注入攻击、跨站点脚本攻击等问题。

总结

收起

展开全文

ajax

ApiCloud数据交互有三种模式：端交互云交互 AJAX交互

千次阅读 2018-07-06 13:34:22

数据交互有三种模式：端交互云交互 AJAX交互1.端交互适合数据在apicloud的云存储，并且只有APP入口的情况；2.云交互适合数据在apicloud的云存储，并且有WEB和APP入口等情况；3.ajax交互适合已有数据库或者使用...

数据交互有三种模式：端交互 云交互 AJAX交互
1.端交互适合数据在apicloud的云存储，并且只有APP入口的情况；
2.云交互适合数据在apicloud的云存储，并且有WEB和APP入口等情况；
3.ajax交互适合已有数据库或者使用apicloud以及其他云存储，并且有多个入口的情况
端是指mcm模块，已把数据云的一系列api封装成模块，便于引入使用。另外就是api.ajax的情况了，熟悉数据云的api就可以使用，相比mcm模块，接口更全一些，都依靠于底层，性能上差不多最后就是通过jquery或者js的原生ajax能力去进行交互了，这种限制会比较多，不是很建议使用。

收起

展开全文

VTK交互之交互样式

千次阅读 2017-05-29 13:45:10

VTK交互样式　类vtkRenderWindowInteractor即渲染窗口交互器，提供了一种平台独立的响应鼠标/按键/时钟事件的交互机制，可将平台相关的鼠标/按键/时钟等信息路由至vtkInteractorObserver或其子类。 ...

VTK交互样式

类vtkRenderWindowInteractor即渲染窗口交互器，提供了一种平台独立的响应鼠标/按键/时钟事件的交互机制，可将平台相关的鼠标/按键/时钟等信息路由至vtkInteractorObserver或其子类。
　 vtkRenderWindowInteractor作为一个基类，其具体的功能是由平台相关的子类（如vtkWin32RenderWindowInteractor）来完成。当它从窗口系统中监听到感兴趣的事件（消息）时，通过调用InvokeEvent()函数将平台相关的事件翻译成VTK事件，而这些VTK事件是平台独立的，然后再路由至vtkInteractorObserver或其子类，再由已经对该事件进行注册的vtkInteractorObserver或其子类相应具体的操作。

大体工作流程

● 当在主程序中实例化vtkRenderWindowInteractor对象是，VTK程序内部根据不同平台的渲染库实例化平台相关的vtkRenderWindowInteractor子类，由具体的平台相关的子类（如vtkWin32RenderWindowInteractor）来响应窗口信息。
● Window消息被vtkWin32RenderWindowInteractor捕获后，先由该类的回调函数vktHandleMessage2()分发至各个消息响应函数，在每个消息响应函数的最后，通过调用vtkObject::InvokeEvent()将Windows消息翻译成VTK事件。在vtkObject::InvokeEvent()函数里，通过类vtkSubjectHelper::InvokeEvent()函数再将各个VTK事件分发到不同的观察者中，观察者调用回调函数vtkInteractorStyle::ProcessEvents()处理不同的VTK事件，再将这些事件分发至vtkInteractorStyle或其子类的消息响应函数里，从而完成这个消息的传递过程。

vtkInteractorStyle

vtkInteractorStyle派生的子类：vtkInteractorStyleTrackball，vtkInteractorStyleJoystickActor，vtkInteractorStyleJoystickCamera，vtkInteractorStyleUser等。其中vtkInteractorStyleUser允许用户自定义交互方式。完整如下图所示：

这里写图片描述

收起

展开全文

vtk

VTK交互系统 2 交互器样式
千次阅读 2019-11-22 22:41:06
所谓交互器样式，就是你设置了交互器，然后它里面会有各种默认的或者你自己定义的交互方式，比如你可以设置滚轮来将图片放大或者缩小。或者你可以设置鼠标点击移动来改变摄像机的视角，从而看到物体的不同面。 VTK...
收起
VTK
硬件交互之命令交互
千次阅读 2018-03-20 14:05:42
转载自：http://blog.csdn.net/Suma_sun/article/details/51388816...数据包协议(数据收发协议)命令协议(命令交互)类型转换为什么需要数据包协议呢，如果没有对应的协议，你们将无法沟通成功，牛头不对马嘴的在交互...
收起
Java Java硬件
VTK交互系统 1 交互模式入门
千次阅读 2019-11-21 16:59:28
在VTK中，交互一般使用命令/观察者模式来进行交互，即观察者等待命令，一旦有命令触发，就去执行该交互函数。有两种实现模式： 1. 设置回调函数 2. 继承command类，然后实现内部函数我们先看第一种方式。 ...
收起
VTK
网易交互设计师微专业 C1 揭开交互神秘面纱
千次阅读 2019-05-02 21:51:37
Chapter1 揭开交互神秘面纱第一章揭开交互神秘面纱产品设计开发流程和团队构成产品设计开发六大步交互设计师和产品经理的区别交互设计影响用户体验优秀的交互设计来源于生活！！！用户体验：国际...
收起
Ajax 异步交互
千次阅读 2020-09-07 08:21:13
异步交互的区别在于同步交互需要等待结果，而异步交互不需要等待。所谓异步交互，就是指发送一个请求，不需要等待返回，随时可以再发送下一个请求。同步交互与异步交互区别在于：同步需要等待结果，而异步不需要...
收起
ajax
hive交互模式和非交互模式
千次阅读 2014-01-01 15:06:14
hive交互模式和非交互模式
收起
Android进阶之Fragment与Activity之间的数据交互
万次阅读 多人点赞 2016-12-28 11:24:01
2 参考链接Activity和Fragment传递数据的两种方式【Fragment精深系列4】Fragment与Activity之间的数据交互2 Activity把值传递给Fragment2.1 第一种方式，也是最常用的方式，就是使用Bundle来传递参数（1）宿主...
收起
android
Android客户端与服务器端的json数据交互（内含大量知识点）
千次下载 热门讨论 2012-09-15 21:01:40
Android客户端与服务器端的json数据交互（内含大量知识点），包含文件的上传，文件浏览器等。
收起
VTK交互
千次阅读 2016-04-29 16:13:03
说到VTK交互，马上会想到的就是vtkRenderWindowInterator。他是VTK的交互类可以响应各种的鼠标/键盘/时钟等消息事件。今天阅读了大量资料，关于如何给交互器增加或更改交互事件。在这里梳理一下，给以后做个参考。 ...
收起
Android与js交互实例
千次下载 热门讨论 2013-04-01 11:54:41
Android与js交互实例,Android 中可以通过webview来实现和js的交互，在程序中调用js代码，只需要将webview控件的支持js的属性设置为true
收起
同步交互与异步交互的区别
千次阅读 2018-12-05 11:50:30
（1）同步交互:指发送一个请求，需要等待返回，然后才能够发送下一个请求有一个等待的过程。（2）异步交互：指发送一个请求，不需要等待返回，随时可以发送下一个请求，级不需要等待。（3）区别：等待的区别。异步...
收起
UML交互图（顺序图和交互图）
万次阅读 2017-11-04 11:01:11
交互图常常用来描述一个用例的行为，显示该用例中所涉及的对象以及这些对象之间的消息传递情况，即一个用例的实现过程。交互图有顺序图和协作图两种形式。时序图中描述对象按照时间顺序的消息交换。协作图...
收起
Mugeda-H5交互动画晋级教程
万人学习 2016-04-26 20:01:32
本次课程针对的是Mugeda用户和FLASH设计师的交互动画制作技能的晋级教程。助力广大设计师群体提高交互动画制作技能。
收起
前后端交互，API数据交互
千次阅读 2018-08-29 20:59:01
此博客希望可以帮助那些对于前后端如何交互？API是什么？等知识比较模糊的同学有一个初步的认识。问：为什么需要前后端交互？答：问这个问题之前，你需要对web的标准规范有基本的认识。例如：一个博客网站，你...
收起
微信小程序之前端与java后台进行数据交互
万次阅读 多人点赞 2018-06-11 22:54:18
最近小程序挺火的，准备写个小程序试试，我会将我遇到的问题和我认为有用的记录下来，但是只了解java，并不太懂PHP,虽然说语言都是相通的（我也不知道谁说的）,反正还是用Java写后台吧， ...OK，前端后台数据交互...
收起
VTK交互系统 3 自定义交互器样式
千次阅读 2019-11-23 16:27:00
我觉得还是从头到尾教大家写一个交互器样式比较好，而不是直接列上一大堆程序。可能一节到两节就能写完了，因为内容也不复杂。首先我们把之前写好的数组显示vtk程序放上，我们在它的基础上添加自己想要等功能。 ...
收起
VTK
Springboot+MyBatist实现前后台交互登陆功能
万次阅读 多人点赞 2017-11-25 22:02:57
上一篇的博客已经讲解了怎么搭建springboot项目，这次主要讲解怎么实现前后台数据交互实现登陆功能。整体实现的流程如下： 1 用户输入用户名密码 2 获取用户输入的用户名以及密码，传递到后台数据库，进行信息...
收起
数据库 springboot form表单 session
shell学习2：交互模式和非交互模式
千次阅读 2019-03-12 16:56:46
shell的模式可分为交互模式和非交互模式。交互模式，就是需要和用户交互才可以将程序执行完毕。如下： 1 #!/bin/bash 2 # 3 CAT() 4 { 5 cat /etc/passwd | head -$line 6 } 7 echo -n "Input ...
收起
shell
Stata: 图示交互效应\调节效应
万次阅读 2019-03-15 15:45:36
作者：邓浩然 (上海财经大学) ...2.1 在excel中绘出交互图2.2 在 Stata 中绘出交互图基本原理Stata 实现进一步美化图形3. 呈现调节作用的其他方式4. 参考资料关于我们联系我们往期精彩推文实证分析中...
收起
excel 交互式图表_创建一个交互式Excel图表
千次阅读 2020-08-12 03:21:27
excel 交互式图表创建一个交互式Excel图表 (Create an Interactive Excel Chart)If you add a chart to a dashboard, it’s helpful to let people choose what they’d like to see in the chart. In this example...
收起
python java 大数据 excel 数据分析
Android与Unity交互研究
万次阅读 多人点赞 2015-07-03 00:27:25
unity与android交互的由来 unity简单介绍 unity与android交互介绍 unity调用android的方法 android调用untiy的方法unity与android交互的由来本人在项目开发过程中，遇到这样一个需求，把unity的场
收起
android unity 嵌套传值
交互设计
千次阅读 2014-12-13 20:19:54
交互设计编辑本词条缺少信息栏，补充相关内容使词条更完整，还能快速升级，赶紧来编辑吧！交互设计，又称互动设计，（英文Interaction Design, 缩写 IxD 或者 IaD),是定义、设计人造系统的行为的设计...
收起
UIButton 不可交互的几种情况视图交互与不可交互的几种情况
2016-03-22 21:39:47
UIButton 不可交互的几种情况视图交互与不可交互的几种情况
收起
视觉和交互
千次阅读 2018-04-05 12:06:16
二、交互设计最开始不是服务于互联网的，是人机交互也就是人与计算机的现实输入输出、现实生活中设施的使用方式，不局限于互联网，好的交互设计在各行各业都有，以前多出现于工业产品设计，是现实的交互行为，随着...
收起
web开发中前端页面是如何跟后端服务器数据交互的
万次阅读 多人点赞 2018-11-24 17:37:47
后端服务器一般是指servlet容器，用于执行java源程序 ...前两个常用于静态网页，后面几个常用于动态网页。...一、静态页面xx.html如何跟后台交互：先来看一个最简单的登陆界面源代码 <body> ...
收起
web jsp 前端后端

Android：你要的WebView与 JS 交互方式 都在这里了

前言

1. 交互方式总结

2. 具体分析

2.1 Android通过WebView调用 JS 代码

方式1：通过WebView的loadUrl（）

方式2：通过WebView的evaluateJavascript（）

2.1.2 方法对比

2.1.3 使用建议

2.2 JS通过WebView调用 Android 代码

2.2.1 方法分析

方式1：通过 WebView的addJavascriptInterface（）进行对象映射

特点

方式2：通过 WebViewClient 的方法shouldOverrideUrlLoading ()回调拦截 url

特点

2.2.2 三种方式的对比 & 使用场景

3. 总结

请帮顶和评论点赞！因为你们的赞同/鼓励是我写作的最大动力！

欢迎关注carson_ho的微信公众号

Ajax同步交互与异步交互

Ajax同步交互与异步交互

同步交互是什么

异步交互是什么

异步交互的优势

异步交互的劣势

总结

ApiCloud数据交互有三种模式：端交互 云交互 AJAX交互

VTK交互之交互样式

VTK交互样式

大体工作流程

vtkInteractorStyle

VTK交互系统 2 交互器样式

硬件交互之命令交互

VTK交互系统 1 交互模式入门

网易交互设计师微专业 C1 揭开交互神秘面纱

Ajax 异步交互

hive交互模式和非交互模式

Android进阶之Fragment与Activity之间的数据交互

Android客户端与服务器端的json数据交互（内含大量知识点）

VTK交互

Android与js交互实例

同步交互与异步交互的区别

UML交互图（顺序图和交互图）

Mugeda-H5交互动画晋级教程

前后端交互，API数据交互

微信小程序之前端与java后台进行数据交互

VTK交互系统 3 自定义交互器样式

Springboot+MyBatist实现前后台交互登陆功能

shell学习2：交互模式和非交互模式

Stata: 图示交互效应\调节效应

excel 交互式图表_创建一个交互式Excel图表

Android与Unity交互研究

交互设计

UIButton 不可交互的几种情况 视图交互与不可交互的几种情况

视觉和交互

web开发中前端页面是如何跟后端服务器数据交互的

交互

AgileOne1.1正式版

【数据分析-随到随学】数据分析建模和预测

【数据分析-随到随学】Hadoop数据分析

内置类与静态内置类——T2220

Soul网关插件之Sofa

2021年西式面点师（中级）考试APP及西式面点师（中级）作业考试题库

专家系统PID.pdf

ununtu安装教程.pdf

【数据分析-随到随学】数据分析基础及方法论

09 Python编程风格(1).mp4

基于STM32F03ZET6移植RT-Thread

智联万物，京东IoT技术创新与实践

（新）备战2021软考网络工程师分类强化培训套餐

php正则表达式字符如何转义-PHP问题

2021年G2电站锅炉司炉多少钱及G2电站锅炉司炉模拟考试

将多个PDF文件合并位一个.zip

2021-01-19

soul_sofa

web前端开发规范

转行做IT-第1章 计算机基础

Android：你要的WebView与 JS 交互方式都在这里了

方式1：通过`WebView`的`loadUrl（）`

方式2：通过`WebView`的`evaluateJavascript（）`

方式1：通过 `WebView`的`addJavascriptInterface（）`进行对象映射

方式2：通过 `WebViewClient` 的方法`shouldOverrideUrlLoading ()`回调拦截 url

ApiCloud数据交互有三种模式：端交互云交互 AJAX交互

UIButton 不可交互的几种情况视图交互与不可交互的几种情况

转行做IT-第1章计算机基础