android———WebView学习（1）

由于近期项目里面涉及到使用webview，而且本人一直没有使用过这个控件，于是自己在网上搜索资料自己开始摸索，一下为记录的所有流程，仅供分享个人学习记录，不喜勿喷，谢谢：

参考链接：http://blog.csdn.net/carson_ho/article/details/52693322

 

webview是一个在控件自身里显示网页信息的view，使用的方式很简单，可是其中涉及到许多js交互、自动适配h5等等，先放上一个成品：

 

在上方（我写死了webview的高度）显示了网页的信息，是的，这就很像是你再很多app上看到的广告信息类似，webview在点击之后会根据开发者设置的方法自动选择浏览器进入特定的网页

下面贴上代码：

布局文件：

 

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_gravity="start"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.example.administrator.myapplication.MainActivity">
<WebView
    android:id="@+id/web_view"
    android:layout_width="match_parent"
    android:layout_height="80dp">

</WebView>
</RelativeLayout>

很简单，里面只有一个webview；

 

MainActivity：

 

public class MainActivity extends FragmentActivity {
private WebView webView;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        webView=findViewById(R.id.web_view);
        webView.loadUrl("http://www.500.com/");
        WebSettings webSettings=webView.getSettings();
      webSettings.setJavaScriptEnabled(true);
      webSettings.setUseWideViewPort(true);
      webSettings.setLoadWithOverviewMode(true);
      webSettings.setSupportZoom(true);
      webSettings.setBuiltInZoomControls(true);
      webSettings.setDisplayZoomControls(false);
      webSettings.setLoadsImagesAutomatically(true);
       // webView.setWebChromeClient(new WebChromeClient());
      webView.setWebViewClient(new WebViewClient());
    }
}

在这里初始化控件不多说，来看看下面那个新的东西：

 webView.loadUrl("http://www.500.com/");

这个方法是设置一个网页链接，就是效果图中显示的那个链接网页，webview会自动将网页信息填充到自身里；

这里还有一个东西叫做webSetting，这是Webview里面的一个常用子类，（还有另外两种是WebViewClient类、WebChromeClient类，因为还没有进行尝试，所以再之后的博客中再进行仔细介绍，不知道还是不要乱说的好），这里先详细介绍一下webSetting，顾名思义就是对webView进行设置的子类，看看我后面的方法：

首先设置支持js，这个不用多说

 

 webSettings.setJavaScriptEnabled(true);

然后设置自适应屏幕，第一个是缩放图片，第二个是缩放至屏幕大小

 

 webSettings.setUseWideViewPort(true);
      webSettings.setLoadWithOverviewMode(true);

设置支持缩放，支持控件缩放，隐藏原生控件：

 

 webSettings.setBuiltInZoomControls(true);
      webSettings.setDisplayZoomControls(false);
      webSettings.setLoadsImagesAutomatically(true);

在参考连接中有这一个方法：

//支持插件webSettings.setPluginsEnabled(true);

本人亲自尝试但是结果确实：

在网上查了一下，4.3之后这个方法就被彻底删除了，之前是被用在网页播放视屏必须使用的方法，现在大家可以尝试使用新的方法

下面两个方法要说一下，

 

 // webView.setWebChromeClient(new WebChromeClient());
      webView.setWebViewClient(new WebViewClient());

这是设置使用什么方式展示网页，如果说不使用这方法会不会展示网页，会的，但是！！！！你的App会自动切换到后台，打开浏览器跳转到网页