zoukankan      html  css  js  c++  java
  • Android WebView 自适应屏幕

    Ref:http://www.cnblogs.com/bluestorm/archive/2013/04/15/3021996.html

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

  • 相关阅读:
    June 26th 2017 Week 26th Monday
    June 25th 2017 Week 26th Sunday
    June 24th 2017 Week 25th Saturday
    June 23rd 2017 Week 25th Friday
    June 22nd 2017 Week 25th Thursday
    2018最佳网页设计:就是要你灵感爆棚!!!
    图片素材类Web原型制作分享-Pexels
    想要打动HR的心,UX设计师求职信究竟应该怎么写?
    【UXPA大赛企业专访】Mockplus:“设计替代开发”将成为现实
    2018年最好的医疗网站设计及配色赏析
  • 原文地址:https://www.cnblogs.com/jinglecode/p/6508689.html
Copyright © 2011-2022 走看看