【Android】Wifi環境にあるかどうかを検出し、WebViewでブラウザアプリを実現

10675 ワード

Androidが持参したWebViewは多くの方法をカプセル化しているため、ブラウザappを実現するのは簡単です.
唯一の難点は、自分が進捗バーとボタンを補充してロードし、ユーザーが入力したウェブサイトかどうかを判断することです.
下図のように、
開いている間にWifi環境にいなければ警告します
WebViewを利用して簡単なブラウザを実現し、ユーザーがウェブサイトを入力していないときにヒントを与え、前進、後退、リフレッシュ、停止、ジャンプの機能を備えている.
Webページをロードするときに、進捗バーがあります.基本的には簡単なブラウザです.
製作過程は以下の通りである.
1、まずresvaluesstrings.xmlでは、各コンポーネントの文字、appの名前を次のように設定します.

<?xml version="1.0" encoding="utf-8"?>
<resources>

    <string name="app_name">   </string>
    <string name="action_settings">Settings</string>
    <string name="button1">  </string>
    <string name="button2">  </string>
    <string name="button3">  </string>
    <string name="button4">  </string>
    <string name="button5">Go!</string>

</resources>

2、そしてresvaluesstylesを修正する.xmlは、中にタイトルバーのないappスタイルを設定し、appのスタイルは『【Android】appが透明でフォントの色が変わり、コンテキストメニュー』(リンクを開くをクリック)に設定されているので、ここでは省略します.

<resources xmlns:android="http://schemas.android.com/apk/res/android">

    <style name="NoTitle">
        <item name="android:windowNoTitle">true</item>
    </style>

</resources>

3、その後AndroidManifest.xmlはデバイスのネットワーク環境を検出し、ネットワークを使用する権限を申請し、appのスタイルを変更して定義したNoTitleに変更し、以下のように変更します.

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.browser"
    android:versionCode="1"
    android:versionName="1.0" >

    <uses-sdk
        android:minSdkVersion="8"
        android:targetSdkVersion="18" />

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

    <application
        android:allowBackup="true"
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/NoTitle" > <!--   style  noTitle   -->
        <activity
            android:name="com.browser.MainActivity"
            android:label="@string/app_name" >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>

</manifest>

、その後reslayoutactivity_main.xmlはMainActivityのレイアウトを変更します.「Android」の進捗バーとスレッドの間のメッセージ処理」(リンクを開く)ですでに述べた進捗バーコンポーネント、水平な線形レイアウトを配置します.中の5つのボタンは、「【Android】相対レイアウト更新ソフトのstyleをテーマダイアログのActivityとして、layout_weightプロパティを利用して表レイアウトの行を分割する」(リンクを開く)ことで等分し、より良い効果を得ることができます.ここにはこのように配置されていません.最後に、画面全体を上書きするブラウザコンポーネントWebViewです.コードは次のとおりです.

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <ProgressBar
        android:id="@+id/progressBar1"
        style="?android:attr/progressBarStyleHorizontal"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal" >

        <Button
            android:id="@+id/button1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/button1" />

        <Button
            android:id="@+id/button2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/button2" />

        <Button
            android:id="@+id/button3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/button3" />

        <Button
            android:id="@+id/button4"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/button4" />

        <Button
            android:id="@+id/button5"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/button5" />
    </LinearLayout>

    <EditText
        android:id="@+id/editText1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:inputType="text" />

    <WebView
        android:id="@+id/webView1"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

</LinearLayout>

5、最後はMainActivity.JAvaの修正は、論理が非常に簡単で、各コンポーネントを取得した後、それぞれその実現方法を設定し、具体的な実現方法はコードに表示されています.Javaではユーザ入力がウェブサイトであるか否かを判断し、「【Java】正規表現でウェブサイトであるか否かを判断する」(リンクを開くクリック)ではここでは省略すると述べている.

package com.browser;

import java.util.regex.Pattern;

import android.net.ConnectivityManager;
import android.net.NetworkInfo;
import android.os.Bundle;
import android.annotation.SuppressLint;
import android.app.Activity;
import android.app.AlertDialog;
import android.view.KeyEvent;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.View.OnKeyListener;
import android.webkit.WebChromeClient;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.widget.Button;
import android.widget.EditText;
import android.widget.ProgressBar;
import android.widget.Toast;

public class MainActivity extends Activity {
	private ProgressBar progressBar1;
	private Button button1;
	private Button button2;
	private Button button3;
	private Button button4;
	private Button button5;
	private EditText editText1;
	private WebView webView1;

	@SuppressLint("SetJavaScriptEnabled")
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		//       wifi  
		ConnectivityManager connectivityManager = (ConnectivityManager) getSystemService(CONNECTIVITY_SERVICE);
		NetworkInfo networkInfo = connectivityManager
				.getNetworkInfo(ConnectivityManager.TYPE_WIFI);
		if (!networkInfo.isConnected()) {
			Toast.makeText(MainActivity.this, "     Wifi  ，         ！",
					Toast.LENGTH_SHORT).show();
		}
		//     
		progressBar1 = (ProgressBar) findViewById(R.id.progressBar1);
		button1 = (Button) findViewById(R.id.button1);
		button2 = (Button) findViewById(R.id.button2);
		button3 = (Button) findViewById(R.id.button3);
		button4 = (Button) findViewById(R.id.button4);
		button5 = (Button) findViewById(R.id.button5);
		editText1 = (EditText) findViewById(R.id.editText1);
		webView1 = (WebView) findViewById(R.id.webView1);
		//   JavaScript  ，    JavaScript    
		//        @SuppressLint("SetJavaScriptEnabled")，               XXS   
		webView1.getSettings().setJavaScriptEnabled(true);
		//        
		webView1.setWebChromeClient(new WebChromeClient() {
			@Override
			public void onProgressChanged(WebView view, int newProgress) {
				super.onProgressChanged(view, newProgress);
				if (newProgress == 100) {
					progressBar1.setVisibility(View.INVISIBLE);
				} else {
					if (View.INVISIBLE == progressBar1.getVisibility()) {
						progressBar1.setVisibility(View.VISIBLE);
					}
					progressBar1.setProgress(newProgress);
				}
			}
		});
		webView1.setWebViewClient(new WebViewClient());//         
		//     
		button1.setOnClickListener(new OnClickListener() {

			@Override
			public void onClick(View arg0) {
				webView1.stopLoading();//         
				webView1.goForward();//           
				String url = webView1.getUrl();//          Url
				editText1.setText(url);//       
			}

		});
		//     
		button2.setOnClickListener(new OnClickListener() {

			@Override
			public void onClick(View arg0) {
				webView1.stopLoading();//         
				webView1.goBack();//           
				String url = webView1.getUrl();//          Url
				editText1.setText(url);//       
			}

		});
		//     
		button3.setOnClickListener(new OnClickListener() {

			@Override
			public void onClick(View arg0) {
				webView1.stopLoading();
				webView1.reload();
			}

		});
		//     
		button4.setOnClickListener(new OnClickListener() {

			@Override
			public void onClick(View arg0) {
				webView1.stopLoading();
			}

		});
		//        Enter 
		editText1.setOnKeyListener(new OnKeyListener() {

			@Override
			public boolean onKey(View arg0, int keyCode, KeyEvent arg2) {
				if (keyCode == KeyEvent.KEYCODE_ENTER) {
					String url = editText1.getText().toString();
					Pattern pattern = Pattern
							.compile("^([hH][tT]{2}[pP]://|[hH][tT]{2}[pP][sS]://)(([A-Za-z0-9-~]+).)+([A-Za-z0-9-~\\/])+$");
					if (!pattern.matcher(url).matches()) {
						url = "http://" + url;
					}
					if (pattern.matcher(url).matches()) {
						webView1.loadUrl(url);
					} else {
						new AlertDialog.Builder(MainActivity.this)
								.setMessage("     ！")
								.setNegativeButton("  ", null).show();
					}
				}
				return false;
			}
		});
		//     
		button5.setOnClickListener(new OnClickListener() {

			@Override
			public void onClick(View arg0) {
				String url = editText1.getText().toString();
				Pattern pattern = Pattern
						.compile("^([hH][tT]{2}[pP]://|[hH][tT]{2}[pP][sS]://)(([A-Za-z0-9-~]+).)+([A-Za-z0-9-~\\/])+$");
				if (!pattern.matcher(url).matches()) {
					url = "http://" + url;
				}
				if (pattern.matcher(url).matches()) {
					webView1.loadUrl(url);
				} else {
					new AlertDialog.Builder(MainActivity.this)
							.setIcon(R.drawable.ic_launcher)
							.setTitle(R.string.app_name).setMessage("     ！")
							.setNegativeButton("  ", null).show();
				}

			}
		});
	}

}

これで、app全体の作成が終わり、コードをアップロードしました.興味があれば、見てみてください.http://download.csdn.net/detail/yongh701/8902617

102 . 2分木レベル順序横断( JavaScriptソリューション)

[Python]アルゴリズム2.再帰呼び出し