Android WebView
2020-02-12 本文已影响0人
啥也写不出来的安卓技术人员
1、为什么使用WebView
要实现 页面复杂的界面 如果用Android开发很耗时耗力,并且效果也可能不理想
例如 电商的商品详情页面 防止频繁更新App(更改时只需要更改HTML页面即可)
2、WebView有什么作用
加载网页
3、开放模式
集成Android原生与网页的优势 混合开发
混合开发 就得有一个东西 加载在线的网页或者 加载本地的网页 -----WebView
代码开始 ↓↓
前提 :+网络权限
一 加载网页的代码
1 布局
![](https://img.haomeiwen.com/i20501934/3d759a00de066a6a.png)
2 初始化
![](https://img.haomeiwen.com/i20501934/e4f7b99f3715a61c.png)
让这个网页在本App内加载
![](https://img.haomeiwen.com/i20501934/63540b9b6feb0843.png)
创建WebView客户端 介绍其方法
![](https://img.haomeiwen.com/i20501934/fa2dcef2d245fedd.png)
WebChromeClient
![](https://img.haomeiwen.com/i20501934/80ce01eadaeb5103.png)
二 调用本地网页 (很少用 但是也有)
![](https://img.haomeiwen.com/i20501934/9fbf49cc3b3727bc.png)
代码调用:
![](https://img.haomeiwen.com/i20501934/acb31c2d67b30a12.png)
三 Android 调用JS里的方法
看代码
![](https://img.haomeiwen.com/i20501934/270d85b469f70ebc.png)
传递文本
![](https://img.haomeiwen.com/i20501934/04dbaa8baf8f9e3b.png)
![](https://img.haomeiwen.com/i20501934/231354201fc4c61a.png)
四 JS调用Android里的方法
看代码
前言 方法名一定要对应上
![](https://img.haomeiwen.com/i20501934/90fa3884d7ab16af.png)
![](https://img.haomeiwen.com/i20501934/c1ba443e5b60f820.png)
!!!重要的一点
![](https://img.haomeiwen.com/i20501934/ff592f0c9d6f7edd.png)
js要调用android 里的某个方法 那么该方法必须加上这个注解 @JavascriptInterface