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