Android Control WebView

How to open a website in an Android app? Google has provided a solution for us. Now let's take a look at the WebView control.

For the convenience of summary, let's summarize it based on the following effect:

First, let's take a look at its layout file. The entire interface is divided into two parts, the upper part is similar to the title bar, which is composed of two Buttons and a TextView, and the lower part is a WebView control. By removing the system title through AndroidManifest.xml (if you don't understand, please refer to my previous blog: Common Android Attributes), the effect above has been achieved. For your convenience, the code is presented below:

 <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:orientation= "vertical"  
    tools:context= ".MainActivity" > 
 
 <LinearLayout
        android:layout_width= "fill_parent"  
        android:layout_height= "wrap_content"  
        android:weightSum= "1" >
 <Button
            android:id= "@+id/quit"  
            android:layout_gravity= "left"  
            android:layout_width= "wrap_content"  
            android:layout_height= "wrap_content"  
 android:text= "Return" />
 <TextView
            android:id= "@+id/web"  
            android:layout_gravity= "center"  
            android:gravity= "center"  
            android:layout_width= "222dp"  
            android:layout_height= "wrap_content"  
            android:layout_weight= "1.13" />
 <Button
            android:id= "@+id/news"  
            android:layout_gravity= "right"  
            android:layout_width= "wrap_content"  
            android:layout_height= "wrap_content"  
 android:text= "Refresh" />
 </LinearLayout>
 <WebView
        android:id= "@+id/webView"  
        android:layout_width= "fill_parent"  
        android:layout_height= "fill_parent" /> 
 
 </LinearLayout>

*** Let's start writing our MainActivity.java:

 public   class MainActivity extends Activity {
 private TextView mTextView;
 private WebView mWebView;
 private Button mbreak;
 private Button mnews;
 @Override  
 protected   void onCreate(Bundle savedInstanceState) {
 super .onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
 init();
 }
 public   void init(){
        mTextView = (TextView)findViewById(R.id.web);
        mWebView = (WebView)findViewById(R.id.webView);
        mbreak = (Button)findViewById(R.id.quit);
        mnews = (Button)findViewById(R.id.news);
        mbreak.setOnClickListener( new myListener());
        mnews.setOnClickListener( new myListener());
 mWebView.loadUrl( "http://www.baidu.com/" );//Set the URL to open 
 
        mWebView.setWebChromeClient( new WebChromeClient(){
 @Override  
 public   void onReceivedTitle(WebView view, String title) {
 super .onReceivedTitle(view, title);
 mTextView.setText(title); //Display the opened website information  
 }
 }); 
 
        mWebView.setWebViewClient( new WebViewClient(){
 @Override  
 public   boolean shouldOverrideUrlLoading(WebView view, String url) {
                view.loadUrl(url);
 return   super .shouldOverrideUrlLoading(view, url);
 }
 });
 } 
 
 //Button click event monitoring  
 class myListener implements View.OnClickListener{
 @Override  
 public   void onClick(View view) {
 switch (view.getId()){
 case R.id.quit :
 finish();
 break ;
 case R.id.news:
                    mWebView.reload();
 break ;
 }
 }
 }

***Don't forget to add the network usage declaration in AndroidManifest.xml: <uses-permission android:name="android.permission.INTERNET"/>

That's it, our initial introduction to WebView ends here.