Android-WebView使用 _Web前端

Android----------WebView使用

Android----------WebView使用

1、添加权限：AndroidManifest.xml中必须使用许可"android.permission.INTERNET",否则会出Web page not available错误。
2、在要Activity中生成一个WebView组件：WebView webView = new WebView(this);
3、设置WebView基本信息：
????????? 如果访问的页面中有Javascript，则webview必须设置支持Javascript。
????????? webview.getSettings().setJavaScriptEnabled(true);?
????????? 触摸焦点起作用
????????? requestFocus();
????????? 取消滚动条
????????? this.setScrollBarStyle(SCROLLBARS_OUTSIDE_OVERLAY);
4、设置WevView要显示的网页：
????????? 互联网用：webView.loadUrl("http://www.google.com");
????????? 本地文件用：webView.loadUrl("file:///android_asset/XX.html");? 本地文件存放在：assets文件中
5、如果希望点击链接由自己处理，而不是新开Android的系统browser中响应该链接。给WebView添加一个事件监听对象（WebViewClient)?并重写其中的一些方法shouldOverrideUrlLoading：对网页中超链接按钮的响应。当按下某个连接时WebViewClient会调用这个方法，并传递参数：按下的url
??????????????? onLoadResource??
??????????????? onPageStart?
??????????????? onPageFinish?
??????????????? onReceiveError
??????????????? onReceivedHttpAuthRequest
?????????

6、如果用webview点链接看了很多页以后，如果不做任何处理，点击系统“Back”键，整个浏览器会调用finish()而结束自身，如果希望浏览的网页回退而不是退出浏览器，需要在当前Activity中处理并消费掉该Back事件。
覆盖Activity类的onKeyDown(int keyCoder,KeyEvent event)方法。
? ?public boolean onKeyDown(int keyCoder,KeyEvent event){
??????????????????????? if(webView.canGoBack() && keyCoder == KeyEvent.KEYCODE_BACK){
??????????????????????????????? webview.goBack();?? //goBack()表示返回webView的上一页面

??????????????????????????????? return true;
??????????????????????? }
??????????????????????? return false;
??????????????? }

示例：

public class MainActivity extends Activity {
?private WebView webView;
?private ProgressBar progress;
?private String errorHtml = "";
?@Override
?protected void onCreate(Bundle savedInstanceState) {
??super.onCreate(savedInstanceState);
??setContentView(R.layout.activity_main);
??errorHtml = "<html><body><h1>Page not find！</h1></body></html>";
??webView = (WebView)findViewById(R.id.wbeview);
??progress = (ProgressBar)findViewById(R.id.loading);
??
??webView.getSettings().setJavaScriptEnabled(true);
??webView.loadUrl("http://www.baidu.com");
??webView.requestFocus();
??webView.setWebViewClient(new MyWebViewClient());
?}
?//用于加载、取消loading
?private Handler mHandler = new Handler(){
??public void handleMessage(android.os.Message msg) {
???
???switch (msg.what) {
???case 10:
????addProgressBar();
????break;
???case 20:
????closeProgressBar();
???default:
????break;
???}
???
??};
??
?};
?
?private class MyWebViewClient extends WebViewClient{
??//加载页面开始
??@Override
??public boolean shouldOverrideUrlLoading(WebView view, String url) {
???view.loadUrl(url);
???return true;
??}
??
??//加载页面开始中
??@Override
??public void onPageStarted(WebView view, String url, Bitmap favicon) {
???super.onPageStarted(view, url, favicon);
???mHandler.sendEmptyMessage(10);
??}
??//加载页面结束
??@Override
??public void onPageFinished(WebView view, String url) {
???// TODO Auto-generated method stub
???super.onPageFinished(view, url);
???mHandler.sendEmptyMessage(20);
??}
??/**
?? * 无网络情况下简单处理/
?? * 访问web页面都是在网络的情况下，
?? * 一旦没有网络就会显示"无法找到该网页"的信息，
?? * 这样会暴露我们的连接，所以我们需要一个有好的提示，
?? * 并且不会暴露链接的方法。这时候WebViewClient的onReceivedError方法就派上了用场
?? *
?? */
??@Override
??public void onReceivedError(WebView view, int errorCode,
????String description, String failingUrl) {
???super.onReceivedError(view, errorCode, description, failingUrl);
???//这里进行无网络或错误处理，具体可以根据errorCode的值进行判断，做跟详细的处理。
??????????? view.loadData(errorHtml, "text/html", "UTF-8");
??????????? mHandler.sendEmptyMessage(20);
??}
??
?}
?public void addProgressBar(){
??if (progress != null) {
???
???progress.setVisibility(View.VISIBLE);
??}
?}
?public void closeProgressBar(){
??
??if (progress != null) {
???
???progress.setVisibility(View.GONE);
??}
?}
}

main.xml

??? <TextView
??????? android:layout_width="wrap_content"
??????? android:layout_height="wrap_content"
??????? android:text="@string/hello_world" />
???
??? <WebView android:layout_width="fill_parent"
??????? android:layout_height="fill_parent"
??????? android:id="@+id/wbeview"></WebView>
???
??? ?<ProgressBar
??? ???? android:id="@+id/loading"
???android:layout_width="wrap_content" android:layout_height="wrap_content"
???android:indeterminateDrawable="@drawable/loading"
???android:layout_centerInParent="true" android:visibility="invisible">
??</ProgressBar>

</RelativeLayout>
loading.xml

<?xml version="1.0" encoding="utf-8"?>
<animated-rotate? xmlns:android="http://schemas.android.com/apk/res/android"
??? ?android:drawable="@drawable/loading1"
??? ?android:pivotX = "50%"
??? ?android:pivotY= "50%"/>