Android 本地加载网页&显示网络图片

WebView的用法

如果说需要在应用程序里展示一些网页,而不希望打开系统浏览器,这时就可以借助 WebView控件在应用程序里嵌入一个浏览器,从而非常轻松地展示各种网页。
由于程序使用到了网络功能,因此需要添加网络访问权限

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

在activity_main.xml 中添加 WebView 控件,用于显示网页:

<?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">

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

最后在 MainActivity 中为浏览器设置属性并传入地址:

public class MainActivity extends AppCompatActivity {
    private WebView webView;

    @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());
        //调用loadUrl()方法,并传入网址,展示相应内容
        webView.loadUrl("https://www.baidu.com");
    }
}

程序运行截图
页面加载截图


动态加载网络图片

和 WebView 一样,加载网络图片也需要网络访问权限:

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

载入图片的原理:根据图片地址获取图片,并将图片由文件流转换为位图对象。
载入图片的过程必须进行异步处理,否则就很容易出现程序无响应(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);
    }
}

异步处理就是在主线程和子线程进行通信,子线程处理耗时任务,并将结果返回到主线程。AsyncTask 将这个过程进行了包装,这里我就不多解释了。

最后在 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 = "http://img4.duitang.com/uploads/item/" +
                "201403/27/20140327194516_SaKBX.png";
        ImageView imageView = (ImageView) findViewById(R.id.image_view);
        //启动异步任务,加载网络图片
        new LoadImagesTask(imageView).execute(http);
    }
}

程序运行截图
网络图片加载截图

  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要替换网页内的图片,你需要在 Android 的 WebView 中使用 WebViewClient 的 onPageFinished() 方法来实现。具体步骤如下: 1. 创建一个类继承自 WebViewClient,并重写其中的 onPageFinished() 方法。 2. 在 onPageFinished() 方法中,获取 WebView 中的 HTML 内容,然后使用正则表达式来匹配网页中的图片标签。 3. 对于每个匹配到的图片标签,使用 Android 的本地文件系统读取对应的本地图片文件,然后将其转换为 Base64 编码的字符串。 4. 使用 JavaScript 来替换网页中的图片标签,将其替换为包含 Base64 编码字符串的 data URI。 下面是示例代码: ```java public class MyWebViewClient extends WebViewClient { @Override public void onPageFinished(WebView view, String url) { super.onPageFinished(view, url); String javascript = "javascript:(function() {" + "var imgs = document.getElementsByTagName('img');" + "for (var i = 0; i < imgs.length; i++) {" + "var img = imgs[i];" + "var url = img.src;" + "if (url.startsWith('http')) {" + "var xhr = new XMLHttpRequest();" + "xhr.open('GET', url, true);" + "xhr.responseType = 'arraybuffer';" + "xhr.onload = function() {" + "if (xhr.status === 200) {" + "var uInt8Array = new Uint8Array(xhr.response);" + "var i = uInt8Array.length;" + "var binaryString = new Array(i);" + "while (i--) {" + "binaryString[i] = String.fromCharCode(uInt8Array[i]);" + "}" + "var data = binaryString.join('');" + "var base64 = window.btoa(data);" + "img.src = 'data:image/png;base64,' + base64;" + "}" + "};" + "xhr.send();" + "}" + "}" + "})()"; view.loadUrl(javascript); } } ``` 这段代码会在 WebView 加载网页完成后,使用 JavaScript 来替换所有 HTTP 开头的图片链接为对应的 Base64 编码字符串。你需要将图片的本地路径替换为对应的路径。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值