Webview自适应屏幕

第一种:
    settings.setUseWideViewPort(true);
    settings.setLoadWithOverviewMode(true);
    第二种:
    WebSetting settings = webView.getSettings();
    settings.setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN);
    把所有内容放在webview等宽的一列中。(可能会出现页面中链接失效)
    第三种:
    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);
    }
   这方法可以让你的页面适应 手机屏幕的分辨率,完整的显示在屏幕上,可以放大缩小。


例如适合800px宽度的页面,如果通过WebView在1024px的屏幕宽度下显示时,内容(图片)会被放大,整体页面会超出屏幕。
试了将WebView的settings中的缩放都关闭了也不行。
后来发现了WebSettings.ZoomDensity这个设置,并在文档中找到了以下说明:
Enum for specifying the WebView's desired density. FAR makes 100% looking like in 240dpi MEDIUM makes 100% looking like in 160dpi CLOSE makes 100% looking like in 120dpi


这样就能很好的说明以上问题的原因了,又是密度惹的祸...


默认WebView的ZoomDensity是MEDIUM,对应160dpi。而我之前800px宽度的屏幕对应的是60dpi,1024px宽度的屏幕对应的是240dpi。所以,页面在高分辨率的屏幕上被放大了1.5倍。这个和图片自缩放的机制是一样的。


于是,只要通过当前屏幕的密度,动态设置该属性就能适应不同屏幕(当然,默认你的页面是针对160dpi的密度大小 设计的),即可解决:
int screenDensity = getResources().getDisplayMetrics().densityDpi ;  
WebSettings.ZoomDensity zoomDensity = WebSettings.ZoomDensity.MEDIUM ;  
switch (screenDensity){  
case DisplayMetrics.DENSITY_LOW : 
    zoomDensity = WebSettings.ZoomDensity.CLOSE; 
    break; 
case DisplayMetrics.DENSITY_MEDIUM: 
    zoomDensity = WebSettings.ZoomDensity.MEDIUM; 
    break; 
case DisplayMetrics.DENSITY_HIGH: 
    zoomDensity = WebSettings.ZoomDensity.FAR; 
    break ; 

webSettings.setDefaultZoom(zoomDensity);

转载注明地址:http://www.chengxuyuans.com/Android/63941.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值