碼上快樂

相關內容    簡體    繁體

Android Webview加載本地資源

本文轉載自   查看原文   2021-12-27 11:12   1080 

public void loadData(String data, String mimeType, String encoding)

則會出現html代碼中圖片路徑不對導致不能正常顯示圖片（通常是一個白色的固定大小的框，或者沒有）

 

當把路徑改為絕對路徑加上file://都還無法解決

 

終於，在網上查資料的時候發現了這個函數，正好解決這個問題

 

public void loadDataWithBaseURL(String baseUrl, String data, String mimeType,String encoding,String historyUrl)

baseUrl是圖片的目錄，在html代碼中就寫關於此目錄的相對路徑就可以了，哇嘎嘎！~

 

附帶代碼解釋：

 

String htmlPath = "file:///mnt/sdcard/test/11.html";


String baseUrl = "file:///mnt/sdcard/test/";

 

webView.loadDataWithBaseURL(baseUrl, data, "text/html", "utf-8", null);

 

則兩個調用都可以顯示正常的html網頁了，並且前一種可以對針對不同分辨率大小的屏幕做縮放了！！

 

 

 

 

在網上看了許多關於WebView 的例子。但當自己做起來時，總是有些差別，是另一種體會。這節我就以 模擬器為2.1 為例來講。

   WebView 主要調用三個方法：LoadUrl、LoadData、LoadDataWithBaseURL。

     1、LoadUrl        直接加載網頁、圖片並顯示。（本地或是網絡上的網頁、圖片、gif）

     2、LoadData     顯示文字與圖片內容 （模擬器1.5、1.6）

     3、LoadDataWithBase  顯示文字與圖片內容（支持多個模擬器版本）

下面來看看代碼片段：

 

  1. package com.webviewdemo;  
  2.   
  3. import java.net.URLEncoder;  
  4. import android.app.Activity;  
  5. import android.os.Bundle;  
  6. import android.webkit.WebView;  
  7.   
  8. public class WebViewDemo extends Activity {  
  9.   
  10.   private WebView     MyWebView;  
  11.   static final String mimeType = "text/html";  
  12.   static final String encoding = "utf-8";  
  13.   
  14.   /** Called when the activity is first created. */  
  15.   @Override  
  16.   public void onCreate(Bundle savedInstanceState) {  
  17.     super.onCreate(savedInstanceState);  
  18.     setContentView(R.layout.main);  
  19.     //  
  20.     MyWebView = (WebView) findViewById(R.id.MyWebview);  
  21.     // this.webHtml();  
  22.     // this.webImage();  
  23.     // this.localHtmlZh();  
  24.     // this.localImage();  
  25.     // this.localHtml();  
  26.     this.localHtmlImage();  
  27.   }  
  28.   
  29.   /** 
  30.    * 直接網頁顯示 
  31.    */  
  32.   private void webHtml() {  
  33.   
  34.     try {  
  35.       MyWebView.loadUrl("http://www.google.com");  
  36.     } catch (Exception ex) {  
  37.       ex.printStackTrace();  
  38.     }  
  39.   }  
  40.   
  41.   /** 
  42.    * 直接網絡圖片顯示 
  43.    */  
  44.   private void webImage() {  
  45.     try {  
  46.       MyWebView .loadUrl("http://www.google.com.hk/intl/zh-CN/images/logo_cn.gif");  
  47.     } catch (Exception ex) {  
  48.       ex.printStackTrace();  
  49.     }  
  50.   }  
  51.   
  52.   /** 
  53.    * 中文顯示 
  54.    */  
  55.   private void localHtmlZh() {  
  56.     try {  
  57.       String data = "<html>在模擬器 2.1 上測試</html>";  
  58.       // utf-8編碼處理(在SDK1.5模擬器和真實設備上都將出現亂碼,SDK1.6上能正常顯示)  
  59.       // MyWebView.loadData(data, mimeType, encoding);  
  60.       // 對數據進行編碼處理(SDK1.5版本)  
  61.       MyWebView.loadData(URLEncoder.encode(data, encoding), mimeType, encoding);  
  62.       // MyWebView.loadDataWithBaseURL(null, data, mimeType, encoding, null);  
  63.   
  64.     } catch (Exception ex) {  
  65.       ex.printStackTrace();  
  66.     }  
  67.   }  
  68.   
  69.   /** 
  70.    * 顯示本地圖片文件 
  71.    */  
  72.   private void localImage() {  
  73.     try {  
  74.       // 本地文件處理  
  75.       String str = "file:///android_asset/icon.png";  
  76.       MyWebView.loadUrl(str);  
  77.     } catch (Exception ex) {  
  78.       ex.printStackTrace();  
  79.     }  
  80.   }  
  81.   
  82.   /** 
  83.    * 顯示本地網頁文件 
  84.    */  
  85.   private void localHtml() {  
  86.     try {  
  87.       // 本地文件處理(如果文件名中有空格需要用+來替代)  
  88.       MyWebView.loadUrl("file:///android_asset/test.html");  
  89.     } catch (Exception ex) {  
  90.       ex.printStackTrace();  
  91.     }  
  92.   }  
  93.   
  94.   /** 
  95.    * 顯示本地圖片和文字混合的Html內容 
  96.    */  
  97.   private void localHtmlImage() {  
  98.     try {  
  99.       String data = "<HTML>在模擬器 2.1 上測試,這是<IMG src=\"APK'>file:///android_asset/igg.jpg\"/>APK里的圖片";  
  100.       // SDK1.5本地文件處理(不能顯示圖片)  
  101.       //MyWebView.loadData(URLEncoder.encode(data, encoding), mimeType, encoding);  
  102.       // SDK1.6及以后版本  
  103.       //MyWebView.loadData(data, mimeType, encoding);  
  104.       // 本地文件處理(能顯示圖片)  
  105.       MyWebView.loadDataWithBaseURL(null, data, mimeType, encoding, null);  
  106.     } catch (Exception ex) {  
  107.       ex.printStackTrace();  
  108.     }  
  109.   }  
  110. }  

 

運行 localHtmlImage(...) 這個方法的結果：


在上面的所有方法中，模擬器2.1下 調用 LoadData 方法總是出現亂碼。我想應該是2.1已經不在用它了吧。直接用LoadDataWithBaseURL 方法最簡單，不再牽涉編碼的轉換。

 

記住：顯示本地文件時 必須使用APK'>file:/// 作為前綴。


免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。



猜您在找 Android使用WebView加載本地資源 iOS WebView 加載本地資源(圖片，文件等) iOS WebView 加載本地資源(圖片，文件等) iOS webView 遠程html加載本地資源 Android Studio Webview加載assets本地文件 Android Webview H5資源本地化 Android的webview加載本地html、本apk內html和遠程URL android webview 加載本地html 實現 與 java 之間的相互響應 Android WebView加載本地html並實現Java與JS交互 Android WebView 加載網頁
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM