Android中webview的使用

来源:https://www.cnblogs.com/qynprime/archive/2020/04/16/12711735.html
-Advertisement-
Play Games

一、問題:在頂部或者底部反覆快速滑動界面,會出現自動向反方向滾動,或者視頻有聲音沒有畫面。 解決:在AndroidManifest.xml中給webview所在的activity添加硬體加速的屬性:android:hardwareAccelerated="true"。 說明:1、view控制項不能開啟 ...


一、問題:在頂部或者底部反覆快速滑動界面,會出現自動向反方向滾動,或者視頻有聲音沒有畫面。

  解決:在AndroidManifest.xml中給webview所在的activity添加硬體加速的屬性:android:hardwareAccelerated="true"。

  說明:1、view控制項不能開啟硬體加速(webView.setLayerType(View.LAYER_TYPE_HARDWARE,null);這個設置無效),但是view控制項可以關閉該view的硬體加速:webView.setLayerType(View.LAYER_TYPE_SOFTWARE,null);

                   2、setLayerType方法只有在api>11才有。

                   3、參考網址:https://blog.csdn.net/u010142437/article/details/70915694

 

二、webview的設置

  WebSettings webSettings=webView.getSettings();

  webSettings.setUseWideViewPort(true);//設置WebView是應該啟用對“viewport”HTML元標記的支持還是應該使用寬視口。true:支持<meta>標簽的viewport屬性

  if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN_MR1) {

    webSettings.setMediaPlaybackRequiresUserGesture(false);

        }

       webSettings.setBlockNetworkLoads(false);

       webSettings.setAllowContentAccess(true);

       webSettings.setLoadWithOverviewMode(true);

       webSettings.setLayoutAlgorithm(WebSettings.LayoutAlgorithm.SINGLE_COLUMN);

       webSettings.setJavaScriptEnabled(true);

       if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {

               webSettings.setMixedContentMode(WebSettings.MIXED_CONTENT_ALWAYS_ALLOW);

       }

      webSettings.setDomStorageEnabled(true);//設置是否啟用DOM存儲API。預設false。

      if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN) {

               webSettings.setAllowUniversalAccessFromFileURLs(true);//可以解決有聲音沒圖像得問題。設置是否允許在文件方案URL上下文中運行的JavaScript訪問來自任何來源的內容。同上。

       }

   webSettings.setSupportZoom(true);

    webSettings.setAllowFileAccess(true); //設置可以訪問文件

   webSettings.setJavaScriptCanOpenWindowsAutomatically(true); //支持通過JS打開新視窗   webSettings.setLoadsImagesAutomatically(true); //支持自動載入webSettings.setPluginState(WebSettings.PluginState.ON);

 說明:參考網址:https://blog.csdn.net/zhanwubus/article/details/80340025

三、webview長按下載圖片。
  webview.setOnLongClickListener(new OnLongClickLIstener(){
    @Override
    public boolean onLongClick(View view) {
        int clickType=webview.getHitTestResult().getType();
        if (clickType==WebView.HitTestResult.IMAGE_TYPE||clickType==WebView.HitTestResult.SRC_IMAGE_ANCHOR_TYPE){
    Log.d("webveiw","圖片url="+wv.getHitTestResult().getExtra());
    }
    return false;
    }
  });
  拓展:
WebView.HitTestResult.EDIT_TEXT_TYPE:選中的文字類型;WebView.HitTestResult.PHONE_TYPE:處理撥號;WebView.HitTestResult.EMAIL_TYPE:處理Email;WebView.HitTestResult.GEO_TYPE:地圖類型;
      WebView.HitTestResult.SRC_ANCHOR_TYPE:超鏈接;WebView.HitTestResult.SRC_IMAGE_ANCHOR_TYPE:帶有鏈接的圖片類型;WebView.HitTestResult.IMAGE_TYPE:圖片類型;
      WebView.HitTestResult.UNKNOWN_TYPE:未知類型。
四、webview調用原生上傳圖片,視頻,文件等。
  全局變數:
    private ValueCallback<Uri> mUploadMessage;
    private String acceptTypesStr;
    private ValueCallback<Uri[]> uploadMessageAboveL;
    private static final int FILE_CAMERA_RESULT_CODE = 129;
    private File fileUpFile;

第一步:
webview.setWebChromeClient(new WebChromeClient(){
// For Android < 3.0
public void openFileChooser(ValueCallback<Uri> uploadMsg) {
mUploadMessage = uploadMsg;
     showImgSeclect();
    }

// For Android > 4.1.1
public void openFileChooser(ValueCallback<Uri> uploadMsg,
String acceptType, String capture) {
acceptTypesStr=acceptType;
mUploadMessage = uploadMsg;
Log.d("qtest",acceptTypesStr);
     showImgSeclect();
    }

// For Android > 5.0支持多張上傳
@TargetApi(Build.VERSION_CODES.LOLLIPOP)
public boolean onShowFileChooser(WebView webView,
ValueCallback<Uri[]> uploadMsg,
WebChromeClient.FileChooserParams fileChooserParams) {
acceptTypesStr="";
for (String str:fileChooserParams.getAcceptTypes()){
acceptTypesStr+=(TextUtils.isEmpty(acceptTypesStr)?"":";")+str;
}
Log.d("qtest",acceptTypesStr);
uploadMessageAboveL = uploadMsg;
     showImgSeclect();
     return true;
    }
});

第二步:
/**
* 顯示相機和相冊選擇
*/
public void showImgSeclect() {
  //註意申請許可權:Manifest.permission.CAMERA,Manifest.permission.WRITE_EXTERNAL_STORAGE,Manifest.permission.READ_EXTERNAL_STORAGE
    if (TextUtils.isEmpty(acceptTypesStr))return;
Intent captureIntent=new Intent(MediaStore.ACTION_IMAGE_CAPTURE);
if (acceptTypesStr.contains("image")){
captureIntent = new Intent(MediaStore.ACTION_IMAGE_CAPTURE);
fileUpFile=new File(Environment.getExternalStoragePublicDirectory(Environment.DIRECTORY_PICTURES).getAbsolutePath()
+File.separator+"LinAn"+File.separator+"linan-"+System.currentTimeMillis()+".jpg");
}else if (acceptTypesStr.contains("video")){
captureIntent = new Intent(MediaStore.ACTION_VIDEO_CAPTURE);
fileUpFile=new File(Environment.getExternalStoragePublicDirectory(Environment.DIRECTORY_PICTURES).getAbsolutePath()
+File.separator+"LinAn"+File.separator+"linan-"+System.currentTimeMillis()+".mp4");
}
Uri mUri = null;
if (!fileUpFile.getParentFile().exists()) {
fileUpFile.getParentFile().mkdirs();
}
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.N) {
// 臨時允許
captureIntent.addFlags(Intent.FLAG_GRANT_READ_URI_PERMISSION);
mUri = FileProvider.getUriForFile(getContext(), getPackageName() + ".fileprovider", fileUpFile);
} else {
mUri = Uri.fromFile(fileUpFile);
}

//需要顯示應用的意圖列表,這個list的順序和選擇菜單上的圖標順序是相關的,請註意。
List<Intent> cameraIntents = new ArrayList<Intent>();
PackageManager packageManager = getContext().getPackageManager();
//獲取手機里所有註冊相機接收意圖的應用程式,放到意圖列表裡(無他相機,美顏相機等第三方相機)
List<ResolveInfo> listCam = packageManager.queryIntentActivities(captureIntent, 0);
for (ResolveInfo res : listCam) {
String packageName = res.activityInfo.packageName;
Intent i = new Intent(captureIntent);
i.setComponent(new ComponentName(res.activityInfo.packageName, res.activityInfo.name));
i.setPackage(packageName);
i.putExtra(MediaStore.EXTRA_OUTPUT, mUri);
cameraIntents.add(i);
}
//相冊選擇器
Intent i = new Intent(Intent.ACTION_GET_CONTENT);
i.addCategory(Intent.CATEGORY_OPENABLE);
i.setType(acceptTypesStr.contains("video")?"video/*":acceptTypesStr);
//intent選擇器
Intent chooserIntent = Intent.createChooser(i, "choose");
chooserIntent.putExtra(Intent.EXTRA_INITIAL_INTENTS, cameraIntents.toArray(new Parcelable[]{}));
((CommonWeexActivity)getContext()).startActivityForResult(chooserIntent, FILE_CAMERA_RESULT_CODE);
}

第三步:
@Override
public void onActivityResult(int requestCode, int resultCode, Intent data) {
super.onActivityResult(requestCode, resultCode, data);
UMShareAPI.get(getContext()).onActivityResult(requestCode, resultCode, data);//qq和新浪的回調
if (null == mUploadMessage && null == uploadMessageAboveL) {
return;
}
//沒有返回值時的處理
if (resultCode != RESULT_OK) {
//需要回調onReceiveValue方法防止下次無法響應js方法
if (uploadMessageAboveL != null) {
uploadMessageAboveL.onReceiveValue(null);
uploadMessageAboveL = null;
}
if (mUploadMessage != null) {
mUploadMessage.onReceiveValue(null);
mUploadMessage = null;
}
return;
}
Uri result = null;
if (requestCode == FILE_CAMERA_RESULT_CODE) {
if (null != data && null != data.getData()) {
result = data.getData();
}
if (result == null) {
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.N) {
// 臨時允許
result = FileProvider.getUriForFile(getContext(), getPackageName() + ".fileprovider", fileUpFile);
} else {
result = Uri.fromFile(fileUpFile);
}
}
//5.0以上設備的數據處理
if (uploadMessageAboveL != null) {
uploadMessageAboveL.onReceiveValue(new Uri[]{result});
uploadMessageAboveL = null;
} else if (mUploadMessage != null) {
//5.0以下設備的數據處理
mUploadMessage.onReceiveValue(result);
mUploadMessage = null;
}
}
}
五、webview中的video標簽,視頻全屏處理。
  fl_video_full是該界面佈局文件中的占滿佈局的一個FrameLayout控制項。
  ll_webview是該界面佈局文件中占滿佈局,包含webview。
getHostView().setWebChromeClient(new WebChromeClient(){

@Override
public void onHideCustomView() {
try {
if (webview.fl_video_full==null)return;
        webview.ll_webview.setVisibility(View.VISIBLE);
        webview.fl_video_full.setVisibility(View.GONE);
        webview.fl_video_full.removeAllViews();
        webview.setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_PORTRAIT);webview.getWindow().clearFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN);
        }catch (Exception e){
Log.d("qtest",e.toString());
}
super.onHideCustomView();
}

@Override
public void onShowCustomView(View view, CustomViewCallback callback) {
try{
videoFull=view;
        webview.ll_webview.setVisibility(View.GONE);
        webview.fl_video_full.setVisibility(View.VISIBLE);
        webview.fl_video_full.addView(videoFull);
        webview.setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_LANDSCAPE);
        webview.getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,WindowManager.LayoutParams.FLAG_FULLSCREEN);
}catch (Exception e){
            Log.d("qtest",e.toString());
}
super.onShowCustomView(view, callback);
}
});

六、銷毀webveiw
 
if (webveiw!= null) {
  webveiw.loadDataWithBaseURL(null, "", "text/html", "utf-8", null);
  webveiw.clearHistory();
  ((ViewGroup)webveiw.getParent()).removeView(wv);
  webveiw.destroy();
  webveiw= null;
}
七、問題:webview載入https鏈接會出現空白頁。
  解決方法:
WebViewClient webViewClient = new WebViewClient() {
            @Override
public void onReceivedSslError(WebView view, SslErrorHandler handler, SslError error) {
// super.onReceivedSslError(view, handler, error);
try {
handler.proceed();
}catch (Exception e){}
}
};
說明:ssl證書過期的話,更新證書需要註意除了伺服器端,可能還需要更新DNS,即要更新好每個節點。



 













您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 新建表T: mysql> create table T ( ID int primary key, k int NOT NULL DEFAULT 0, s varchar(16) NOT NULL DEFAULT '', index k(k)) engine=InnoDB; insert into ...
  • 恢復內容開始 [TOC] MySQL相關知識 Mysql鏈接 mysql u用戶名 p密碼 創建資料庫 create databse 資料庫名; 刪除資料庫 drop database 資料庫名; 選擇資料庫 use 資料庫名 數據類型 1. 數值型 整型 INTEGER、SMALLINT、NUME ...
  • 本篇博客參考掘金小冊—— "MySQL 是怎樣運行的:從根兒上理解 MySQL" 以及極客時間——MySQL實戰45講。 雖然我們不是DBA,可能對資料庫沒那麼瞭解,但是對於資料庫中的索引、事務、鎖,我們還是必須要有一個較為淺顯的認識,今天我就和大家聊聊事務。 為什麼要有事務 說到事務,不得不提到轉 ...
  • 老孟導讀:今天分享StackOverflow上高訪問量的20大問題,這些問題給我一種特別熟悉的感覺,我想你一定或多或少的遇到過,有的問題在stackoverflow上有幾十萬的閱讀量,說明很多人都遇到了這些問題,把這些問題整理分享給大家,每期20個,每隔2周分享一次。 如何實現Android平臺的w ...
  • 轉載請標明出處:http://blog.csdn.net/zhaoyanjun6/article/details/105561341 本文出自 "【趙彥軍的博客】" 在 創建 的時候,一不小心勾選了 ,就非常坑,為什麼非常坑,因為這個一旦加入,就無法退出,後面的坑就後患無窮。 這裡普及一下 說到這裡 ...
  • 場景再現:當我使用tabLayout + Fragment 切換不同的fragment時,出現了數據重覆顯示的問題; 思考邏輯: - 每次切換fragment都會重新獲取數據,但是list集合是全局的,多切換兩次,list數據就會變多,所以需要加判斷,當list集合的數據超過第一次獲取下來list集 ...
  • 本人16年畢業於普通二本院校網路相關專業,工作經驗兩年半,目前就職業於一家普通民營企業。由於非985、211學歷硬傷,校招進大廠的門檻遠高於同屆985、211的畢業生。於是乎,從畢業到現在經歷了三家創業公司,創業公司的痛癢相信大多數才畢業的小伙伴都很清楚,沒有不坑的公司,所謂好公司就是不那麼坑的公司 ...
  •  用戶第一次插入日曆,需要授權確認:  日曆插入成功或失敗,會在快應用頂部做全局提示:  查看系統日曆:    <import name="calendar" src="../Common/ui/h-ui/advance/c_calendar"></import> <template> ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...