Android WebView的使用方法总结
时间:2019-03-30
本文章向大家介绍Android WebView的使用方法总结,主要包括Android WebView的使用方法总结使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
Android WebView的使用方法
Android app打开H5页一般要实现如下需求:
1、打开指定url网页;
2、点击链接可以跳转到下一页,并更新标题;
3、按back键或左箭头可以返回上一页;
4、当webview显示的是第一级url时, 按返回键或左箭头关闭当前界面;
5、WebView如何传值给android, 例如使用H5登录成功后返回姓名、token等等字段。
6、支持JavaScript, 支持显示js对话框。
7、无网络时显示默认布局, 以提高用户体验。
8、避免WebView的内存泄漏。
不多说, 看下面代码如何实现上述功能。
参考布局:
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:my="http://schemas.android.com/apk/res-auto" android:layout_width="match_parent" android:layout_height="match_parent" android:background="@color/activity_main_bg" android:orientation="vertical"> <com.eloancn.borrower.common.widget.TitleView android:id="@+id/titleView" android:layout_width="match_parent" android:layout_height="50dp" my:titleText="H5" /> <RelativeLayout android:id="@+id/rl_webViewContainer" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <!--在代码中添加webView防止内存泄露隐患--> <LinearLayout android:id="@+id/neterror_tip" android:layout_width="match_parent" android:layout_height="match_parent" android:gravity="center_horizontal" android:visibility="gone"> <ImageView android:layout_marginTop="110dp" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/not_found" /> </LinearLayout> </RelativeLayout> </LinearLayout>
示例代码:
public class CommonWebViewActivity extends Activity { private WebView mWebView; private TitleView mTitleView; private RelativeLayout mWebViewContainer; private String title; private String url; private LinearLayout neterrorLayout; private int mFlag; //来源 public static final int FLAG_SIGNATURE = 1; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_common_webview_main); initData(); initView(); setData(); } @Override protected void onDestroy() { super.onDestroy(); mWebView.setWebViewClient(null); mWebView.setWebChromeClient(null); mWebViewContainer.removeView(mWebView); mWebView.removeAllViews(); mWebView.destroy(); } private void initData() { url = getIntent().getStringExtra("url"); title = getIntent().getStringExtra("title"); mFlag = getIntent().getIntExtra("flag", 0); } private void initView() { mTitleView = (TitleView) findViewById(R.id.titleView); mWebViewContainer = (RelativeLayout) findViewById(R.id.rl_webViewContainer); neterrorLayout = (LinearLayout) findViewById(R.id.neterror_tip); mWebView = new WebView(getApplicationContext()); LinearLayout.LayoutParams layoutParams = new LinearLayout.LayoutParams( LinearLayout.LayoutParams.MATCH_PARENT, LinearLayout.LayoutParams.MATCH_PARENT); mWebViewContainer.addView(mWebView, layoutParams); WebSettings webSettings = mWebView.getSettings(); //设置WebView属性,能够执行Javascript脚本 webSettings.setJavaScriptEnabled(true); //设置可以访问文件 webSettings.setAllowFileAccess(true); //设置支持缩放 webSettings.setBuiltInZoomControls(false); //允许js弹出窗口 webSettings.setJavaScriptCanOpenWindowsAutomatically(true); mTitleView.setLeftBtnClickListener(new TitleView.OnBtnClickListener() { @Override public void onClick(View v) { if (mWebView.canGoBack()) { mWebView.goBack(); } else { finish(); } } }); } @Override public boolean onKeyDown(int keyCode, KeyEvent event) { if (keyCode == KeyEvent.KEYCODE_BACK) { if (mWebView.canGoBack()) { mWebView.goBack(); return true; } } return super.onKeyDown(keyCode, event); } private void setData() { mTitleView.setTitle(title); mWebView.loadUrl(url); mWebView.setWebChromeClient(new WebChromeClient(){ @Override public boolean onJsAlert(WebView view, String url, final String message, final JsResult result) { //注意,WebView默认不会显示JavaScript的Alert,需要Android实现。 runOnUiThread(new Runnable() { @Override public void run() { //自定义美观的Dialog,仅仅是为了显示message CustomDialog.Builder builder = new CustomDialog.Builder(CommonWebViewActivity.this); builder.setTitle("提示"); builder.setMessage(message); builder.setSingle("知道了", new DialogInterface.OnClickListener() { @Override public void onClick(DialogInterface dialogInterface, int i) { dialogInterface.dismiss(); } }); builder.create().show(); } }); result.confirm();//这里必须调用,否则页面会阻塞造成假死 return true; } @Override public void onReceivedTitle(final WebView view, final String title) { super.onReceivedTitle(view, title); if (FLAG_SIGNATURE == mFlag) { runOnUiThread(new Runnable() { @Override public void run() { mTitleView.setTitle(title); } }); } } }); mWebView.setWebViewClient(new WebViewClient() { @Override public WebResourceResponse shouldInterceptRequest(WebView view, WebResourceRequest request) { if (FLAG_SIGNATURE == mFlag) { Log.d("brycegao", "shouldInterceptRequest url:" + request.getUrl().toString()); if (request.getUrl().toString().contains("wxd://getImage?tenderid=")) { //可以通过url传值给Android, 即在url里放置想要的参数 runOnUiThread(new Runnable() { @Override public void run() { setResult(RESULT_OK); finish(); } }); } } return super.shouldInterceptRequest(view, request); } @Override public boolean shouldOverrideUrlLoading(WebView view, WebResourceRequest request) { mWebView.loadUrl(url); return true; } @Override public void onReceivedError(WebView view, WebResourceRequest request, WebResourceError error) { super.onReceivedError(view, request, error); if (FLAG_SIGNATURE == mFlag && request.getUrl().toString().contains("wxd://getImage?tenderid=")) { //do nothing mWebView.setVisibility(View.GONE); //优化体验,避免显示错误信息 } else { //加载失败 neterrorLayout.setVisibility(View.VISIBLE); mWebView.setVisibility(View.GONE); } } }); neterrorLayout.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View view) { mWebView.setVisibility(View.VISIBLE); neterrorLayout.setVisibility(View.GONE); mWebView.loadUrl(url); } }); } }
以上就是Android Webview的使用方法详解,大家如果有疑问可以留言讨论,或者到本站社区交流,感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!
- 消费者驱动的微服务契约测试套件:Spring Cloud Contract
- 自己做的一个小程序 可采集、导出、模板、配置
- 分布式消息队列 RocketMQ 源码分析 —— Message 拉取与消费(上)
- .NET反射、委托技术与设计模式
- 我最常用的Intellij IDEA快捷键
- 用Js控制TextBox不能复制粘贴
- 漫画:什么是单例模式?(整合版)
- 保护连接字符串
- IntelliJ IDEA 复杂的重构技巧(二)
- Spring Boot中使用Flyway来管理数据库版本
- 缓存穿透、缓存并发、热点缓存之最佳招式
- 【译】Spring 官方教程:使用 Restdocs 创建 API 文档
- c#中设置快捷键
- 程序员你为什么这么累【续】:编码习惯之工具类规范
- java教程
- Java快速入门
- Java 开发环境配置
- Java基本语法
- Java 对象和类
- Java 基本数据类型
- Java 变量类型
- Java 修饰符
- Java 运算符
- Java 循环结构
- Java 分支结构
- Java Number类
- Java Character类
- Java String类
- Java StringBuffer和StringBuilder类
- Java 数组
- Java 日期时间
- Java 正则表达式
- Java 方法
- Java 流(Stream)、文件(File)和IO
- Java 异常处理
- Java 继承
- Java 重写(Override)与重载(Overload)
- Java 多态
- Java 抽象类
- Java 封装
- Java 接口
- Java 包(package)
- Java 数据结构
- Java 集合框架
- Java 泛型
- Java 序列化
- Java 网络编程
- Java 发送邮件
- Java 多线程编程
- Java Applet基础
- Java 文档注释
- PyQt5 技术篇-设置滚动条拉动位置,scrollArea滚动条位置设置方法。
- CentOS8更换yum源后出现同步仓库缓存失败的问题
- log4j配置方式
- 基于MHA搭建MySQL Replication集群高可用架构
- PyQt5 技巧篇-解决相对路径无法加载图片问题,styleSheet通过"相对"路径加载图片,python获取当前运行文件的绝对路径。
- 基于MMM搭建MySQL Replication集群高可用架构
- Python 技术篇-按任意格式灵活获取日期、时间、年月日、时分秒。日期格式化。
- 当删库时如何避免跑路
- Python 句法错误:"SyntaxError: invalid character in identifier",原因及解决方法
- Python3 多线程问题:ModuleNotFoundError: No module named 'thread',原因及解决办法。
- 文件传输和秒传
- 关于数据库的各种备份与还原姿势详解
- Python 技术篇-多线程的2种创建方法,多线程的简单用法,快速上手。
- Python 技术篇-调用浏览器访问指定网页,一行代码实现。非Selenium。
- 数据库热备份神器 - XtraBackup