2018-03-23 WebView

  刚刚学了WebView,记录一下,方便自己日后查找。  WebView是一个神奇的控件,可以让网页在手机客户端呈现而不打开浏览器,当然,打开也是可以的。(ps:作为新手的我,一开始写不出什么有营养的东西,只能说“”记笔记“”吧,其实就是总结,摘抄别人的东西。不过下面有贴出来的,除了官网就是我参考的别人的文章 ε=(´ο`*)))唉,)

参考链接:http://www.runoob.com/w3cnote/android-tutorial-webview.html 菜鸟教程

http://androiddoc.qiniudn.com/reference/android/webkit/WebView.html 官网

    利用H5和android混合开发常用到webView,用这小东西开发有个好处,就是当ui界面或者其他什么的发生变动,客户端基本不需要怎么改动,只要前端web改动就可以了,这不是android手机客户端的事情。不需要想客户端那样让用户去重新下载安装,或者去更新下载。但是,相对性的,当页面内容比较大的时候,会出现闪屏。

什么是WebView?

    说白了就是一个控件,这个控件是对某个东西X的封装,这个X就是我们android内置的WebKti内核高性能浏览器.


2018-03-23 WebView_第1张图片
图片来源:菜鸟教程


2018-03-23 WebView_第2张图片
图片来源:菜鸟教程


2018-03-23 WebView_第3张图片
图片来源:菜鸟教程


代码:

2018-03-23 WebView_第4张图片


2018-03-23 WebView_第5张图片


2018-03-23 WebView_第6张图片

实现效果:


2018-03-23 WebView_第7张图片
可能是图片和短视频太多了,很多东西没加载出来,测试用百度的话就很快。真的高性能嘛??????


分步说明:

1,初始化控件,一个封装好的浏览器,


2.为WebView设置属性,


这个属性很简单,一眼就能看懂。


2018-03-23 WebView_第8张图片
让WebView显示网页内容,不打开浏览器。

其中的setWebViewClient方法,上面的图片有方法说明,“为WebView指定一个WebViewClient对象.WebViewClient可以辅助WebView处理各种通知,请求等事件。”


2018-03-23 WebView_第9张图片

这段代码是让网页显示的时候按照一定的大小,比如最后一行不添加的话,那么打开的网页就是100%大小,自适应屏幕。加了最后一行,初始化页面缩放大小,为1.5倍大小。平时我们用手指缩放大小是要加一行代码实现的。


添加缩放大小功能后,会出现一个不好看的图标,右下角的那个,在XX地图有看到过这个按钮。点击按钮缩小,方法的。设置


隐藏这个按钮。

基本的功能都可以实现,可以在页面里面点击,

最后要记录的是,当我们点击返回的时候,是直接让程序退出的。而不是退回上一页。所以我们要重写onBackPressed方法。


2018-03-23 WebView_第10张图片

直接写在代码注释里面了。

顺便记录一下顶部状态栏半透明怎么弄的。目前还不懂,为什么,只知道这么写就对了。O(∩_∩)O,,写完这个再去看看吧。


2018-03-23 WebView_第11张图片

注意:!!!设置半透明要在setContentView方法之前,不然会报错!

然后在layout布局文件中:添加一j句:

android:fitsSystemWindows="true"   这个方法作用,这个方法默认false,当我们取消头部状态栏的时候,从状态栏启示位置开始,就是说,设置application的style没有标题栏,那么原来的标题栏就变成了我们放控件的地方,要是放着什么文字,会被自定义标题栏挡住,所以加这个方法,会为我们padding出一个状态栏的高度.

最后,在清单文件设置applicaiton的style属性为

OK!

你可能感兴趣的:(2018-03-23 WebView)