【问题标题】:Fit image to screen height - WebView in Android使图像适合屏幕高度 - Android 中的 WebView
【发布时间】:2013-08-21 23:29:58
【问题描述】:

我有以下行来使 webview 内的图像适应屏幕宽度:

 String x= "<html><head><style type='text/css'>
 body{margin:auto auto;text-align:center;} 
 img{width:100%25;} 
 </style></head><body><img src=\"" + url + "\" /></body></html>";

 web_view.loadData(x, "text/html", "UTF-8");

如何修改代码以使图像适合屏幕的高度而不是宽度!?我希望图像垂直填充整个空间而不一定水平填充(用户可以水平滚动,或者如果图像的宽度较低,右侧可以有一个空白区域)。可以这样做吗?

【问题讨论】:

    标签: android html android-layout webview


    【解决方案1】:

    你可以试试这个:

    WebSettings settings = webView.getSettings();
    settings.setUseWideViewPort(true);
    settings.setLoadWithOverviewMode(true);
    

    <body >
    <img id="resizeImage" src="picture.png" height="100%" alt="" />
    </body>
    

    【讨论】:

    • 你的 webview ht 修复了吗?
    • 我的 WebView 正在填充整个活动,我还设置了您提到的那两个属性(setUseWideViewPort 和 setLoadWithOverviewMode)。我将上面的 HTML 字符串应用于 webview,它会拉伸图像以适合屏幕宽度,我想改为适合屏幕高度
    • height="100% 你设置了吗?
    • 或者更确切地说从这里设置高度:Display display = getWindowManager().getDefaultDisplay(); int height=display.getHeight();
    • 我无法让它工作,display.getHeight() 已被弃用,它确实改变了高度,但没有将其拉伸到底部。当我将 height='100%' 属性添加到字符串中的图像标记时,图像不会显示,我在 webview 中得到的是图像的链接。谢谢你,先生,我最终会找到方法
    【解决方案2】:

    查看我的回答here,你并不总是需要CSS来改变外观,只需改变img标签中的标签即可。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2012-05-10
      • 2016-08-09
      • 1970-01-01
      • 2012-06-05
      相关资源
      最近更新 更多