1. 程式人生 > >Android webView自適應螢幕

Android webView自適應螢幕

webview中右下角的縮放按鈕能不能去掉

settings.setDisplayZoomControls(false); //隱藏webview縮放按鈕

讓Webview載入的頁面居中顯示有我知道的幾種方法

第一種方法:

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

LayoutAlgorithm是一個列舉用來控制頁面的佈局,有三個型別:

1.NARROW_COLUMNS:可能的話使所有列的寬度不超過螢幕寬度

2.NORMAL:正常顯示不做任何渲染

3.SINGLE_COLUMN:把所有內容放大webview等寬的一列中

用SINGLE_COLUMN型別可以設定頁面居中顯示,頁面可以放大縮小,但這種方法不怎麼好,有時候會讓你的頁面佈局走樣而且我測了一下,只能顯示中間那一塊,超出螢幕的部分都不能顯示。

第二種方法:

//設定載入進來的頁面自適應手機螢幕

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

第一個方法設定webview推薦使用的視窗,設定為true。第二個方法是設定webview載入的頁面的模式,也設定為true。

這方法可以讓你的頁面適應手機螢幕的解析度,完整的顯示在螢幕上,可以放大縮小。

兩種方法都試過,推薦使用第二種方法

第三種方法:(主要用於平板,針對特定螢幕程式碼調整解析度)

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

還有一種是通地JS的方法控制元件,只不過我還沒有試過。