国内最全IT社区平台 联系我们 | 收藏本站
华晨云阿里云优惠2
您当前位置:首页 > web前端 > htmlcss > Android WebView简单应用

Android WebView简单应用

来源:程序员人生   发布时间:2015-03-31 08:01:06 阅读次数:2467次

WebView是View的1个子类,可让你在activity中显示网页。在布局中拉入1个WebView,1个Button,1个EditText
布局代码以下:

<RelativeLayout 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:paddingBottom="@dimen/activity_vertical_margin" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin" tools:context="com.shendan.webrowser.MainActivity" > <EditText android:id="@+id/editText1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentLeft="true" android:layout_alignParentTop="true" android:ems="10" /> <Button android:id="@+id/button1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignBottom="@+id/editText1" android:layout_alignParentRight="true" android:text="GO" /> <WebView android:id="@+id/webView1" android:layout_width="match_parent" android:layout_height="match_parent" android:layout_alignLeft="@+id/editText1" android:layout_below="@+id/editText1" /> </RelativeLayout>

源码代码以下:

package com.shendan.webrowser; import android.support.v7.app.ActionBarActivity; import android.os.Bundle; import android.view.KeyEvent; import android.view.Menu; import android.view.MenuItem; import android.view.View; import android.webkit.WebSettings; import android.webkit.WebView; import android.webkit.WebViewClient; import android.widget.Button; import android.widget.EditText; public class MainActivity extends ActionBarActivity { EditText editText; Button button; WebView webView; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); editText = (EditText)findViewById(R.id.editText1); editText.setText("http://www.baidu.com"); button = (Button)findViewById( R.id.button1); webView = (WebView)findViewById(R.id.webView1); WebSettings webSettings = webView.getSettings(); webSettings.setJavaScriptEnabled(true); webSettings.setDomStorageEnabled(true); //点击页面内连接直接打开 webView.setWebViewClient(new WebViewClient(){ public boolean shouldOverrideUrlLoading(WebView view, String url) { view.loadUrl(url); return true; } }); button.setOnClickListener( new View.OnClickListener() { @Override public void onClick(View v) { // TODO Auto-generated method stub String urlstr = editText.getText().toString(); webView.loadUrl(urlstr); } }); } //点击后退按钮返回前面的网页 public boolean onKeyDown(int keyCode,KeyEvent event) { if ((keyCode == KeyEvent.KEYCODE_BACK) && webView.canGoBack()) { webView.goBack(); return true; } return super.onKeyDown(keyCode, event); } @Override public boolean onCreateOptionsMenu(Menu menu) { // Inflate the menu; this adds items to the action bar if it is present. getMenuInflater().inflate(R.menu.main, menu); return true; } @Override public boolean onOptionsItemSelected(MenuItem item) { // Handle action bar item clicks here. The action bar will // automatically handle clicks on the Home/Up button, so long // as you specify a parent activity in AndroidManifest.xml. int id = item.getItemId(); if (id == R.id.action_settings) { return true; } return super.onOptionsItemSelected(item); } }

有几个注意点:
1、网址1定要包括http://,
2、要增加网络权限

<uses-permission android:name="android.permission.INTERNET"/> <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />

这样就能够简单进行网页阅读了。

webview的API的公道调用,就能够实现比较完全的阅读器功能
比如打开页面:

myWebView.loadUrl("http://www.google.com"); myWebView.loadUrl("file:///android_asset/XX.html"); //HTML文件事前保存到asset文件夹。 String htmlString = "<h1>Title</h1><p>This is HTML text<br /><i>Formatted in italics</i><br />Anothor Line</p>"; // 载入这个html页面。 myWebView.loadData(htmlString, "text/html", "utf⑻"); //假设有中文,使用. myWebView.loadDataWithBaseURL(null,htmlString, "text/html", "utf⑻",null);

当你的WebView覆写了URL载入的行动,它会自动地对访问过的网页积累1个历史,你可以利用 goBack() 和 goForward()方法在这个历史中前进或后退。

通太重写WebViewClient,可以更好地控制页面内的行动。

public class MyWebViewClient extends WebViewClient { @Override public void onPageFinished(WebView view, String url) { // TODO Auto-generated method stub super.onPageFinished(view, url); } @Override public void onPageStarted(WebView view, String url, Bitmap favicon) { // TODO Auto-generated method stub super.onPageStarted(view, url, favicon); } @Override public void onScaleChanged(WebView view, float oldScale, float newScale) { // TODO Auto-generated method stub super.onScaleChanged(view, oldScale, newScale); } @Override public boolean shouldOverrideKeyEvent(WebView view, KeyEvent event) { // TODO Auto-generated method stub return super.shouldOverrideKeyEvent(view, event); } @Override public boolean shouldOverrideUrlLoading(WebView view, String url) { // TODO Auto-generated method stub return super.shouldOverrideUrlLoading(view, url); } }

接下来说1点比较重要的,就是Webview与js交互。

1.android中利用webview调用网页上的js代码。

将webview控件的支持js的属性设置为true,然后通过loadUrl就能够直接进行调用,以下所示:

mWebView.getSettings().setJavaScriptEnabled(true);
mWebView.loadUrl(“javascript:test()”);

2.网页上调用android中java代码的方法

在网页中调用java代码,需要在webview控件中添加javascriptInterface。以下所示:

生活不易,码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠
程序员人生
------分隔线----------------------------
分享到:
------分隔线----------------------------
关闭
程序员人生