Android 本地加載網頁與顯示網絡圖片

有時候需要在應用程序里展示一些網頁，但是需求里又明確指出，不允許打開系統瀏覽器，顯然也不可能去編寫一個瀏覽器出來，這時就需要使用 WebView控件，借助它我們就可以在自己的應用程序里嵌入一個瀏覽器，從而非常輕松地展示各種各樣的網頁。

由於程序用到了網絡功能，而訪問網絡是需要聲明權限的，因此首先得修改 AndroidManifest.xml 文件，並加入聲明權限：

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

然后修改 activity_main.xml 中的代碼，如下所示：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <ImageView
        android:id="@+id/image_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />
</LinearLayout>

最后修改 MainActivity 中的代碼，如下所示：

public class MainActivity extends AppCompatActivity {
    private WebView webView;
    private ImageView imageView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.web_image);

        setContentView(R.layout.activity_main);
        webView = (WebView) findViewById(R.id.web_view);
        //調用setJavaScriptEnabled()方法讓WebView支持JS腳本
        webView.getSettings().setJavaScriptEnabled(true);
        //跳轉網頁仍然在當前WebView中顯示
        webView.setWebViewClient(new WebViewClient());
        webView.loadUrl("https://www.baidu.com");

    }
}

調用 WebView 的 loadUrl() 方法，並將網址傳入，即可展示相應的網頁內容，這里就讓我們看一看百度的首頁的加載情況。

----------------------------動態加載網絡圖片-------------------------------

顯示網絡圖片也非常簡單，大概思路是首先獲得圖片地址，再通過網絡訪問圖片，然后把圖片文件流轉換成位圖對象，最后將它顯示出來。

但是需要注意，獲取網絡圖片的過程需要放在一個子線程中運行，否則就很容易出現程序無響應（Application Not Responding）的情況。

　　首先，新建一個 LoadImagesTask 類，繼承自 AsyncTask，代碼如下：

import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.os.AsyncTask;
import android.widget.ImageView;

import java.io.IOException;
import java.io.InputStream;
import java.net.HttpURLConnection;
import java.net.MalformedURLException;
import java.net.URL;

public class LoadImagesTask extends AsyncTask<String, Void, Bitmap> {
    private ImageView imageView;

    public LoadImagesTask(ImageView imageView) {
        this.imageView = imageView;
    }

    @Override
    protected Bitmap doInBackground(String... params) {
        URL imageUrl = null;
        Bitmap bitmap = null;
        InputStream inputStream = null;
        try {
            imageUrl = new URL(params[0]);
            HttpURLConnection conn = (HttpURLConnection) imageUrl.openConnection();
            conn.setDoInput(true);
            conn.connect();
            inputStream = conn.getInputStream();
            bitmap = BitmapFactory.decodeStream(inputStream);
            inputStream.close();

        } catch (MalformedURLException e) {
            e.printStackTrace();
        } catch (IOException e) {
            e.printStackTrace();
        }
        return bitmap;
    }

    @Override
    protected void onPostExecute(Bitmap bitmap) {
        imageView.setImageBitmap(bitmap);
    }
}

　　布局代碼中只包含一個ImageView，代碼略。

　　最后在 MainActivity 中進行測試：

public class MainActivity extends AppCompatActivity {private ImageView imageView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.web_image);

        String http = "https://www.baidu.com/img/bd_logo1.png";
        ImageView imageView = (ImageView) findViewById(R.id.image_view);
        //啟動異步處理
        new LoadImagesTask(imageView).execute(http);

    }
}

獲取網絡圖片並不難，反而是異步處理比較難以理解，如果看不懂的可以參考：Android 異步消息處理機制解析

現在讓我們看一下圖片的加載情況，截圖如下：