个人中心
gpt4 book ai didi

java - Android WebView单图，去除右侧空白

转载 作者：行者123 更新时间：2023-12-02 06:58:39 26 4
gpt4 key购买 nike

我已经尝试\应用了 StackOverflow 的所有建议...但无济于事。我缺少什么？谢谢。

enter image description here 

webView = (WebView) findViewById(R.id.webView1);
     String imagePath = "file:///android_asset/menu.jpg";
     webView.loadData("<html><style type='text/css'>img {max-width: 100%;height:initial;} div,p,span,a {max-width: 100%;}</style><body style='margin: 0; padding: 0'></html>","text/html", "utf-8");
        webView.getSettings().setUserAgentString("Mozilla/5.0 (Linux; U; Android 2.0; en-us; Droid Build/ESD20) AppleWebKit/530.17 (KHTML, like Gecko) Version/4.0 Mobile Safari/530.17");

     webView.setPadding(0, 0, 0, 0);

     webView.setInitialScale(1);
     webView.getSettings().setJavaScriptEnabled(true);
     webView.getSettings().setLoadWithOverviewMode(true);
     webView.getSettings().setUseWideViewPort(true);
     webView.setScrollBarStyle(WebView.SCROLLBARS_OUTSIDE_OVERLAY);
     webView.setScrollbarFadingEnabled(false);
     webView.loadUrl(imagePath);

布局

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >


     <ImageView
        android:id="@+id/imageView1"
        android:layout_width="fill_parent"
        android:layout_height="45dp"
        android:layout_alignParentLeft="true"
        android:layout_alignParentRight="true"
        android:layout_alignParentTop="true"
        android:scaleType="centerCrop"
        android:src="@drawable/sendblank" />

    <TextView
        android:id="@+id/tvHeader"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignBottom="@+id/imageView1"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:gravity="center_vertical"
        android:text="Web"
        android:textAppearance="?android:attr/textAppearanceLarge"
        android:textColor="#ffffff"
        android:textSize="30dp"
        android:textStyle="bold"
        android:typeface="serif" />




      <Button
        android:id="@+id/Button03"
        style="?android:attr/buttonStyleSmall"
        android:layout_width="70dp"
        android:layout_height="30dp"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:layout_marginTop="7dp"
        android:background="@drawable/sendblank"
        android:onClick="onHome"
        android:text="Back"
        android:textColor="#ffffff"
        android:typeface="serif" />


 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"    
        android:layout_gravity="center"
    android:layout_alignParentBottom="true"
   android:layout_alignParentLeft="true"
          android:layout_margin="0dp"
        android:paddingLeft="0dp"
        android:paddingRight="0dp"
        android:paddingTop="45dp">

      <WebView android:id="@+id/webView1"
         android:layout_width="wrap_content"
        android:layout_height="wrap_content"
            />

    <TextView
        android:id="@+id/tV1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Loading..."
        android:textAppearance="?android:attr/textAppearanceSmall"
        android:textColor="#000000" >
</TextView>

<ProgressBar android:id="@+id/pB1"
    style="?android:attr/progressBarStyleHorizontal" android:layout_width="fill_parent"
    android:layout_height="wrap_content" android:layout_centerVertical="true"
    android:padding="2dip">
</ProgressBar>
</RelativeLayout>

非常感谢......我真的相信我已经尝试了所有建议，所以我不确定为什么它在我的情况下不起作用？我是否以错误的方式或地方应用了这些建议？？？-感谢您的帮助。

最佳答案

首先，您将加载一些带有样式信息的 html，但在 webView.loadData 调用中没有实际内容。但随后您将通过使用 webView.loadUrl 调用加载图像 url 来完全替换该 html。

如果您想加载带有样式的图像，则需要使用指向图像网址的 img 标记创建标记。然后，您可以使用 webView.loadData 调用加载该标记。

此外，查看您的标记，即使您包含了图像，CSS 也不会按预期工作。您已将图像的 max-width 设置为 100%，这意味着它不会比 100% 更宽，但这并不意味着它不会更窄。如果您希望图像始终填充屏幕宽度，则应将 width 属性设置为 100%。

此外，该标记缺少结束正文标记，并且样式元素实际上应该包含在头标记中。浏览器不会介意，但您不应该养成使用不良标记的习惯，因为它最终可能会出现意外的行为。

最后，还有一大堆其他元素的样式似乎没有任何作用，因为这些元素不存在。

因此，更正上述所有内容后，您的代码可能如下所示:

String imagePath = "file:///android_asset/menu.jpg";
String markup = "<html><head><style type='text/css'>img {width: 100%%;}</style></head><body style='margin: 0; padding: 0'><img src='%s' /></body></html>";
markup = String.format(markup, imagePath);
try {
  markup = URLEncoder.encode(markup,"utf-8");
} catch (UnsupportedEncodingException e) {
} 
markup = markup.replace('+',' ');
webView.loadData(markup, "text/html", "utf-8");

关于java - Android WebView单图，去除右侧空白，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16972808/

26 4 0
文章推荐： java - elasticsearch 未启动 {0.90.0} : Startup Failed
文章推荐： jsp - 在JSP中无法使用UTF-8进行编码
文章推荐： symfony - 如何在 Sonata Admin 中正确配置 'sonata_type_collection' 字段
文章推荐： java - Android 颜色网格示例
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com