Native与html5交互入门篇

Native与html5交互入门篇

前言

目前主流的移动端开发是混合开发Hybrid

• 什么是HybridAPP？

它指的是半原半Web的混合类App，需要下载安装，看上去类似Native App，但只有很少的UI Web View，它极力打造类似原生的App。

Hybrid App简单的说就是一个WebView+HTML

学习目标

学习Native和html5交互，我们要学两点：

1. 怎么把一个html5界面当作控件一样显示在界面中。
2. 怎么和html5进行数据交互。

开始学习

首先解一下Android与HTML的交互

两种情况：

Android调用HTMl代码（Android调用HTML的脚本语言javascript）；
HTML调用Android；

Android调用HTML代码，无非是用到webView，其中注意webView加载html文件的加载url地址填写：

以下是加载html的几种情况。
打开本包内asset目录下的index.html文件
注意加载本地代码的时候：html是放在app/src/main/assets目录下的，assets中的文件需要有html后缀。但是在路径中使用的是android_asset

webView.loadUrl("file:///android_asset/index.html");

打开本地sd卡内的index.html文件

webView.loadUrl("content://com.android.htmlf