亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

react native里webview怎么設置高度自適應

react native里webview怎么設置高度自適應

蕪湖不蕪 2018-10-02 13:13:23
查看完整描述

1 回答

?
MM們

TA貢獻1886條經驗 獲得超2個贊

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);
  }

查看完整回答
反對 回復 2018-10-28
?
慕仙森

TA貢獻1827條經驗 獲得超8個贊

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);
  }

查看完整回答
反對 回復 2018-10-28
  • 1 回答
  • 0 關注
  • 3373 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號