關於webview的設定（滾動條、自適應螢幕、縮放按鈕）

阿新 • • 發佈：2019-01-15

（一）去掉滾動條

WebView.setVerticalScrollBarEnabled(false);
WebView.setHorizontalScrollBarEnabled(false);

（二）去掉縮放按鈕

WebView.getSettings().setBuiltInZoomControls(true);// 設定縮放
WebView.getSettings().setDisplayZoomControls(false);

（三）自適應螢幕

這個有三種方式：

第一種（個人不推薦使用，會有一些問題）：

WebSetting settings = webView.getSettings();
settings.setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN);

LayoutAlgorithm是一個列舉用來控制頁面的佈局，有三個型別：
1.NARROW_COLUMNS：可能的話使所有列的寬度不超過螢幕寬度
2.NORMAL：正常顯示不做任何渲染
3.SINGLE_COLUMN：把所有內容放大webview等寬的一列中

第二種：

settings.setUseWideViewPort(true);
settings.setLoadWithOverviewMode(true);

第一個方法設定webview推薦使用的視窗，設定為true。第二個方法是設定webview載入的頁面的模式，也設定為true。這方法可以讓你的頁面適應手機螢幕的解析度，完整的顯示在螢幕上，可以放大縮小。

第三種：（主要用於平板，針對特定螢幕程式碼調整解析度）

DisplayMetrics metrics = new DisplayMetrics();
     getWindowManager().getDefaultDisplay().getMetrics(metrics);
     int mDensity = metrics.densityDpi;www.2cto.com
 
     if (mDensity == 120) {
               settings.setDefaultZoom(ZoomDensity.CLOSE);
          }else if (mDensity == 160) {
               settings.setDefaultZoom(ZoomDensity.MEDIUM);
          }else if (mDensity == 240) {
               settings.setDefaultZoom(ZoomDensity.FAR);
          }

關於webview的設定（滾動條、自適應螢幕、縮放按鈕）

關於webview的設定（滾動條、自適應螢幕、縮放按鈕）

笨鳥兒靜態佈局、自適應佈局、流式佈局、響應式佈局、彈性佈局等的概念和區別

靜態佈局、自適應佈局、流式佈局、響應式佈局、彈性佈局等的概念和區別

靜態佈局、自適應佈局、流式佈局、響應式佈局、彈性佈局簡析

ImageView的src和background的區別、padding的使用技巧、ImageView根據螢幕對縮放

DataTables自定義表格寬度（設定橫向滾動條）

47、自適應mysql和oracle（2）

46、自適應mysql和oracle（1）

（十）JavaScript 視窗屬性（滾動條的滾動距離、可視區視窗尺寸、元素的幾何尺寸）

WebView設定自適應螢幕大小

Gradle for Android（二）全域性設定、自定義BuildConfig、混淆

Android中WebView設定自適應螢幕

webview設定載入進度條、遮蔽跳轉到預設瀏覽器、對話方塊

網頁自適應手機、計算機螢幕的設定方法

DataTables列過多時固定表格寬度（設定橫向滾動條）

HTML：滾動條樣式自定義（IE/FireFox/webkit）

13、Android Webview圖片自適應螢幕解決方案

IT 移動端：足跡第三十五步：靜態、自適應、流式、響應式四種HTML網頁佈局的區別（哪種佈局在移動端最好用）

移動端響應式、自適應、適配實現方法分析（和其他基礎知識拓展）

[C#] （原創）一步一步教你自定義控制元件——02，ScrollBar（滾動條）

關於webview的設定（滾動條、自適應螢幕、縮放按鈕）

相關推薦