【移動應(yīng)用開發(fā)技術(shù)】WebView加載網(wǎng)頁（一）

一、新建一個android項目??新建android項目，應(yīng)用默認配置，其他地方不做修改。新建一個activity，項目目錄結(jié)構(gòu)為：二、修改mainactivitypackagecn.qiu.webview2;

importandroid.content.Intent;

importandroid.support.v7.app.AppCompatActivity;

importandroid.os.Bundle;

importandroid.view.View;

importandroid.widget.Button;

importandroid.widget.EditText;

importandroid.widget.Toast;

publicclassMainActivityextendsAppCompatActivity{

privateEditTexteditText;

privateButtonbutton;

privateButtonbutton2;

@Override

protectedvoidonCreate(BundlesavedInstanceState){

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

button=(Button)findViewById(R.id.button);

editText=(EditText)findViewById(R.id.editText);

button2=(Button)findViewById(R.id.button2);

button.setOnClickListener(newView.OnClickListener(){

@Override

publicvoidonClick(Viewv){

finalStringeditTextMes=editText.getText().toString();

Intentintent=newIntent(MainActivity.this,BaiduActivity.class);

intent.putExtra("url",editTextMes);

Toast.makeText(MainActivity.this,editTextMes,Toast.LENGTH_LONG).show();

startActivity(intent);

}

});

button2.setOnClickListener(newView.OnClickListener(){

@Override

publicvoidonClick(Viewv){

Intentintent=newIntent(MainActivity.this,LearnActivity.class);

startActivity(intent);

}

});

}

}三、修改baiduactivitypackagecn.qiu.webview2;

importandroid.content.Intent;

import.Uri;

importandroid.os.Bundle;

importandroid.support.v7.app.AppCompatActivity;

importandroid.webkit.WebView;

importandroid.webkit.WebViewClient;

importandroid.widget.Toast;

publicclassBaiduActivityextendsAppCompatActivity{

privateWebViewwebView;

privatelongexitTime=0;

@Override

protectedvoidonCreate(BundlesavedInstanceState){

Intentintent=getIntent();

Stringurl=intent.getStringExtra("url");

Toast.makeText(BaiduActivity.this,url,Toast.LENGTH_LONG).show();

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_baidu);

webView=newWebView(this);

webView.setWebViewClient(newWebViewClient(){

//設(shè)置在webView點擊打開的新網(wǎng)頁在當前界面顯示,而不跳轉(zhuǎn)到新的瀏覽器中

@Override

publicbooleanshouldOverrideUrlLoading(WebViewview,Stringurl){

view.loadUrl(url);

returntrue;

}

});

webView.getSettings().setJavaScriptEnabled(true);//設(shè)置WebView屬性,運行執(zhí)行js腳本

webView.loadUrl("https://"+url+"/");//調(diào)用loadUrl方法為WebView加入鏈接

webView.setWebViewClient(newWebViewClient(){//

@Override

publicbooleanshouldOverrideUrlLoading(WebViewview,Stringurl){

try{

if(url.startsWith("baiduboxlite://")||url.startsWith("https://")||url.startsWith("baiduboxapp://")){

Intentintent=newIntent(Intent.ACTION_VIEW,Uri.parse(url));

startActivity(intent);

returntrue;

}

}catch(Exceptione){

returnfalse;

}

webView.loadUrl(url);

returntrue;

}

});

setContentView(webView);//調(diào)用Activity提供的setContentView將webView顯示出來

}

//我們需要重寫回退按鈕的時間,當用戶點擊回退按鈕：

//1.webView.canGoBack()判斷網(wǎng)頁是否能后退,可以則goback()

//2.如果不可以連續(xù)點擊兩次退出App,否則彈出提示Toast

@Override

publicvoidonBackPressed(){

if(webView.canGoBack()){

webView.goBack();

}else{

if((System.currentTimeMillis()-exitTime)>2000){

Toast.makeText(getApplicationContext(),"再按一次退出程序",

Toast.LENGTH_SHORT).show();

exitTime=System.currentTimeMillis();

}else{

super.onBackPressed();

}

}

}

}四、修改learnactivitypackagecn.qiu.webview2;

importandroid.content.Intent;

import.Uri;

importandroid.os.Bundle;

importandroid.support.v7.app.AppCompatActivity;

importandroid.webkit.WebView;

importandroid.webkit.WebViewClient;

importandroid.widget.Toast;

publicclassLearnActivityextendsAppCompatActivity{

privateWebViewwebView;

privatelongexitTime=0;

@Override

protectedvoidonCreate(BundlesavedInstanceState){

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_learn);

webView=newWebView(this);

webView.setWebViewClient(newWebViewClient(){

//設(shè)置在webView點擊打開的新網(wǎng)頁在當前界面顯示,而不跳轉(zhuǎn)到新的瀏覽器中

@Override

publicbooleanshouldOverrideUrlLoading(WebViewview,Stringurl){

view.loadUrl(url);

returntrue;

}

});

webView.getSettings().setJavaScriptEnabled(true);//設(shè)置WebView屬性,運行執(zhí)行js腳本

webView.loadUrl("/android/");//調(diào)用loadUrl方法為WebView加入鏈接

webView.setWebViewClient(newWebViewClient(){//

@Override

publicbooleanshouldOverrideUrlLoading(WebViewview,Stringurl){

try{

if(url.startsWith("baiduboxlite://")||url.startsWith("https://")||url.startsWith("baiduboxapp://")||url.startsWith("http://")){

Intentintent=newIntent(Intent.ACTION_VIEW,Uri.parse(url));

startActivity(intent);

returntrue;

}

}catch(Exceptione){

returnfalse;

}

webView.loadUrl(url);

returntrue;

}

});

setContentView(webView);//調(diào)用Activity提供的setContentView將webView顯示出來

}

//我們需要重寫回退按鈕的時間,當用戶點擊回退按鈕：

//1.webView.canGoBack()判斷網(wǎng)頁是否能后退,可以則goback()

//2.如果不可以連續(xù)點擊兩次退出App,否則彈出提示Toast

@Override

publicvoidonBackPressed(){

if(webView.canGoBack()){

webView.goBack();

}else{

if((System.currentTimeMillis()-exitTime)>2000){

Toast.makeText(getApplicationContext(),"再按一次退出程序",

Toast.LENGTH_SHORT).show();

exitTime=System.currentTimeMillis();

}else{

super.onBackPressed();

}

}

}

}五、修改activy_main.xml<?xmlversion="1.0"encoding="utf-8"?>

<LinearLayoutxmlns:android="/apk/res/android"

xmlns:app="/apk/res-auto"

xmlns:tools="/tools"

android:layout_width="match_parent"

android:layout_height="match_parent"

tools:context=".MainActivity"

android:orientation="vertical">

<TextView

android:layout_width="362dp"

android:layout_height="wrap_content"

android:text="請輸入網(wǎng)址："

android:textSize="50px"

android:textColor="@color/colorAccent"

app:layout_constraintBottom_toBottomOf="parent"

app:layout_constraintLeft_toLeftOf="parent"

app:layout_constraintRight_toRightOf="parent"

app:layout_constraintTop_toTopOf="parent"/>

<EditText

android:layout_width="364dp"

android:layout_height="wrap_content"

android:id="@+id/editText"

android:hint=""/>

<Button

android:id="@+id/button"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:text="開始訪問"

android:textSize="40px"

android:textColor="@color/colorPrimaryDark"/>

<Button

android:id="@+id/button2"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:text="Android學(xué)習(xí)教程"

android:textColor="@color/colorPrimaryDark"

android:textSize="30px"

android:textAllCaps="false"/>

</LinearLayout>六、baidu_activity.xml<?xmlversion="1.0"encoding="utf-8"?>

<android.support.design.widget.CoordinatorLayoutxmlns:android="/apk/res/android"

xmlns:app="/apk/res-auto"

xmlns:tools="/tools"

android:layout_width="match_parent"

android:layout_height="match_parent"

tools:context=".BaiduActivity">

<android.support.design.widget.AppBarLayout

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:theme="@style/AppTheme.AppBarOverlay">

<android.support.v7.widget.Toolbar

android:id="@+id/toolbar"

android:layout_width="match_parent"

android:layout_height="?attr/actionBarSize"

android:background="?attr/colorPrimary"

app:popupTheme="@style/AppTheme.PopupOverlay"/>

</android.support.design.widget.AppBarLayout>

<includelayout="@layout/content_baidu"/>

<android.support.design.widget.FloatingActionButton

android:id="@+id/fab"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_gravity="bottom|end"

android:layout_margin="@dimen/fab_margin"

app:srcCompat="@android:drawable/ic_dialog_email"/>

</android.support.design.widget.CoordinatorLayout>七、learn_activity.xml<?xmlversion="1.0"encoding="utf-8"?>

<android.support.design.widget.CoordinatorLayoutxmlns:android="/apk/res/android"

xmlns:app="/apk/res-auto"

xmlns:tools="/tools"

android:layout_width="match_parent"

android:layout_height="match_parent"

tools:context=".LearnActivity">

<android.support.design.widget.AppBarLayout

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:theme="@style/AppTheme.AppBarOverlay">

<android.support.v7.widget.Toolbar

android:id="@+id/toolbar"

android:layout_width="match_parent"

android:layout_height="?attr/actionBarSize"

android:background="?attr/colorPrimary"

app:popupTheme="@style/AppTheme.PopupOverlay"/>

</android.support.design.widget.AppBarLayout>

<includelayout="@layout/content_learn"/>

<android.support.design.widget.FloatingActionButton

android:id="@+id/fab"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_gravity="bottom|end"

android:layout_margin="@dimen/fab_margin"

app:srcCompat="@android:drawable/ic_dialog_email"/>

</android.support.design.widg