anndroid webView的基础用法

转发请标注原文链接地址:www.niwoxuexi.com/blog/android/article/147.html
html5越来越火了,web页面在app的嵌入的也越来越多了android5.0对WebView又做了加强,可以看到Web开发在android开发中的地位越来越高了,现在就开始学习一下android中的WebView。
WebView的简介:
WebView可以使得网页轻松的内嵌到app里,还可以直接跟js相互调用。
webview有两个方法:setWebChromeClient 和 setWebClient
setWebClient:主要处理解析,渲染网页等浏览器做的事情
setWebChromeClient:辅助WebView处理JavaScript的对话框,网站图标,网站title,加载进度等
WebViewClient就是帮助WebView处理各种通知、请求事件的。
下面是使用WebView时用到的一些方法和步骤
在AndroidManifest.xml设置访问网络权限:
<code> <span class="hljs-tag"><<span class="hljs-title">uses-permission</span> <span class="hljs-attribute">android:name</span>=<span class="hljs-value">"android.permission.INTERNET"</span>/></span></code><ul><li></li></ul>
在布局文件中添加WebView控件
<code><span style="background-color: rgb(216, 216, 216);"> </span><span style="background-color: rgb(216, 216, 216);"><WebView android:id="@+id/web_view" android:layout_width="match_parent" android:layout_height="match_parent" /</span></code><ul><li></li></ul>
加载本地/Web资源 example.html 存放在assets文件夹内
调用WebView的loadUrl()方法,
一。加载本地资源
<code>webView = (WebView) findViewById(R<span class="hljs-preprocessor">.id</span><span class="hljs-preprocessor">.webView</span>)<span class="hljs-comment">;</span> webView<span class="hljs-preprocessor">.loadUrl</span>(<span class="hljs-string">"file:///android_asset/example.html"</span>)<span class="hljs-comment">;</span></code><ul><li></li></ul>
加载web资源:
<code>webView = (WebView) findViewById(R<span class="hljs-preprocessor">.id</span><span class="hljs-preprocessor">.webView</span>)<span class="hljs-comment">;</span>webView<span class="hljs-preprocessor">.loadUrl</span>(<span class="hljs-string">"http://baidu.com"</span>)<span class="hljs-comment">;</span></code><ul><li></li></ul><ul><li></li></ul>
三。如果访问的页面中有Javascript,则webview必须设置支持Javascript
<code><span style="background-color: rgb(229, 185, 183);">//启用支持javascript</span> WebSettings settings = webView.getSettings(); settings.setJavaScriptEnabled(<span class="hljs-keyword">true</span>);</code><ul><li></li></ul><ul><li></li></ul>
四。如果希望浏览的网页后退而不是退出浏览器,需要WebView覆盖URL加载,让它自动生成历史访问记录,那样就可以通过前进或后退访问已访问过的站点。
//改写物理按键——返回的逻辑 @Override public boolean onKeyDown(int keyCode, KeyEvent event) { // TODO Auto-generated method stub if(keyCode==KeyEvent.KEYCODE_BACK) { if(webView.canGoBack()) { webView.goBack();//返回上一页面 return true; } else { System.exit(0);//退出程序 } } return super.onKeyDown(keyCode, event); }<ul><li></li></ul>
五。判断页面加载过程
//判断页面加载的过程 webView.setWebChromeClient(new WebChromeClient() { @Override public void onProgressChanged(WebView view, int newProgress) { // TODO Auto-generated method stub if (newProgress == 100) { // 网页加载完成 Log.d("加载完成...","success"); } else { // 加载中 Log.d("加载中...",+newProgress+""); } } });<ul><li></li></ul>
六:缓存的使用
优先使用缓存webView.getSettings().setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);不使用缓存:webView.getSettings().setCacheMode(WebSettings.LOAD_NO_CACHE);<ul><li></li></ul>
下面贴上整体的代码
xml文件
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:background="#ffffff" android:orientation="vertical"> <LinearLayout android:layout_width="match_parent" android:layout_height="40dp" android:orientation="horizontal"> <EditText android:id="@+id/et_url" android:layout_width="0dp " android:layout_height="match_parent" android:layout_marginRight="5dp" android:layout_weight="1" android:gravity="center_vertical" android:hint="请输入网址" android:paddingLeft="3dp" android:paddingRight="3dp" /> <Button android:id="@+id/btn_search" android:layout_width="60dp" android:layout_height="match_parent" android:gravity="center" android:text="搜索" android:textSize="16sp" /> </LinearLayout> <WebView android:id="@+id/web_view" android:layout_width="match_parent" android:layout_height="match_parent" /></LinearLayout><ul><li></li></ul>
MainActivity代码:
public class MainActivity extends AppCompatActivity { private WebView webView; private EditText editText; private Button button; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); webView = (WebView) findViewById(R.id.web_view); editText = (EditText) findViewById(R.id.et_url); button = (Button) findViewById(R.id.btn_search); editText.setText("http://www.baidu.com"); //覆盖WebView默认使用第三方或系统默认浏览器打开网页的行为,使网页用WebView打开 //如果不调用这个函数,将会打开一个默认的浏览器 webView.setWebViewClient(new WebViewClient() { @Override public boolean shouldOverrideUrlLoading(WebView view, String url) { //返回值是true的时候控制去WebView打开,为false调用系统浏览器或第三方浏览器 view.loadUrl(url); return true; } }); button.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { String url = editText.getText().toString().toLowerCase(); if (TextUtils.isEmpty(url)) { Toast.makeText(MainActivity.this, "url不能为空!", Toast.LENGTH_SHORT).show(); } else { if (!url.startsWith("http://")) { url = "http://" + url; } webView.loadUrl(url); } } }); //判断页面加载的过程 webView.setWebChromeClient(new WebChromeClient() { @Override public void onProgressChanged(WebView view, int newProgress) { // TODO Auto-generated method stub if (newProgress == 100) { // 网页加载完成 Log.d("加载完成...","success"); } else { // 加载中 Log.d("加载中...",+newProgress+""); } } }); } @Override public boolean onKeyDown(int keyCode, KeyEvent event) { if(keyCode==KeyEvent.KEYCODE_BACK) { if(webView.canGoBack()) { webView.goBack();//返回上一页面 return true; } else { System.exit(0);//退出程序 } } return super.onKeyDown(keyCode, event); }}
最后是demo下载地址

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 216,402评论 6 499
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,377评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 162,483评论 0 353
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,165评论 1 292
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,176评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,146评论 1 297
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,032评论 3 417
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,896评论 0 274
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,311评论 1 310
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,536评论 2 332
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,696评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,413评论 5 343
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,008评论 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,659评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,815评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,698评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,592评论 2 353

推荐阅读更多精彩内容