美文网首页简化开发
Android WebView缩放配置总结

Android WebView缩放配置总结

作者: 会撒娇的犀犀利 | 来源:发表于2019-03-19 16:22 被阅读0次

    配置webview缩放参数值:

    //设置true,才能让Webivew支持<meta>标签的viewport属性
    webSettings.setUseWideViewPort(true);
    //设置可以支持缩放
    webSettings.setSupportZoom(true); 
    //设置出现缩放工具
    webSettings.setBuiltInZoomControls(true);
    //设定缩放控件隐藏
    webSettings.setDisplayZoomControls(false);
    
    //最小缩放等级
    setInitialScale(25);
    
    对于setInitialScale属性详解:
    setInitialScale(100);  代表不缩放。
    
    什么是不缩放?

    比如你要加载的网页中有图片的宽度是 500px ,如果你的手机分辨率(屏幕宽度) 是1000的话,那么整个图片只占一半的屏幕。 其他的字体都是按照标准展示。

    缩放级别
    • 如果这个时候如果你设置 setInitialScale(200) ,代表放大一倍,整个网页都会放大一倍,这个时候图片正好展示整个屏幕宽度,另外网页的字体也会放大一倍;

    • 如果这个时候如果你设置setInitialScale(50) ,代表缩小一倍,这个时候图片正好展示只占屏幕的四分之一,另外网页的字体也会同时变小.

    上面的设置仅限于打开的网页支持缩放功能,支不支持缩放功能取决于html的设置。

    若html中设置了以下属性:

    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"  name="viewport"/>
    

    该网页在WebView中显示的时候即是不支持缩放的。

    相关文章

      网友评论

        本文标题:Android WebView缩放配置总结

        本文链接:https://www.haomeiwen.com/subject/vhknmqtx.html