1. 程式人生 > >WebView內容自適應

WebView內容自適應

init 之一 自動 columns 會同 initials web 圖片 tla

webview頁面自適應

        //適應內容大小 start
        webSetting.setUseWideViewPort(true);
        webSetting.setLayoutAlgorithm(WebSettings.LayoutAlgorithm.NARROW_COLUMNS);
        webSetting.setLoadWithOverviewMode(true);
        //適應內容大小 end

// 1、LayoutAlgorithm.NARROW_COLUMNS : 適應內容大小
// 2、LayoutAlgorithm.SINGLE_COLUMN:適應屏幕,內容將自動縮放

1.webview.setscaleY(float y)

2.webview.setScaleX(float x)

3.webview.setInitialScale(int)

webview.setInitialScale(25);//為25%,最小縮放等級
解釋: 裏面的數字代表縮放等級
webview.setInitialScale(100); 代表不縮放。
什麽是不縮放? 比如你要加載的網頁中有圖片的寬度是 500px ,如果你的手機分辨率(屏幕寬度) 是1000的話,那麽整個圖片只占一半的屏幕。 其他的字體都是按照標準展示
如果這個時候如果你設置 webview.setInitialScale(200) ,代表放大一倍,真個網頁都會放大一倍,這個時候圖片正好展示整個屏幕寬度,另外網頁的字體也會放大一倍

如果這個時候如果你設置 webview.setInitialScale(50) ,代表縮小一倍,這個時候圖片正好展示只占屏幕的四分之一,另外網頁的字體也會同時變小

WebView內容自適應