5

我有一些带有 html 标记的数据，我想在 webView 中显示它。

我尝试了以下代码：

String html = "<html><body><font face=\"verdana\" size=\""
                + getResources().getString(R.string.WebView_Font_Size)
                + "\" color=\"rgb(64,64,64)\">"
                + Article.getDetaildescription().replaceAll("h2", "h4")
                + "</font></body></html>";
String mime = "text/html";
String encoding = "utf-8";
Log.e("htmlstring", html);
description.loadDataWithBaseURL(null, html, mime, encoding, null);

问题是：每当执行上述代码时，webview 中都不会加载任何内容。但是一旦我锁定设备并解锁它，我的 webview 就会显示该数据。

4

4 回答 4

1

你的代码似乎没问题。检查您的 xml 文件，它可能会对您有所帮助.. 我想知道您是否动态设置了任何布局或其他内容的可见性..

于 2012-08-28T10:58:51.597 回答
0

您可能希望在加载数据之前启用 javascript。

String strWeb = "<div style=\"text-align: center;\"><span class=\"Apple-style-span\" style=\"font-weight: normal; font-size: medium; \"><img src=\"http://mobileecommerce.site247365.com/admin/assetmanager/images/gns_header.jpg\" alt=\"\" align=\"middle\" border=\"1px\" height=\"90\" width=\"550\"></span></div><span class=\"Apple-style-span\" style=\"color: rgb(105, 105, 105); font-family: Verdana; font-size: 13px; font-weight: normal; \"><br><div style=\"text-align: center;\">Yes we are coming at E & I? Are you?</div></span><br><h1 style=\"font-weight: bold; \"><span style=\"font-family: Verdana; font-size: 14pt; \">News for the day...</span></h1><span style=\"color: rgb(105, 105, 105); \"><span style=\"font-family: Tahoma; font-size: 10pt; \">Template Mobile Sites for IC: <a href=\"http://icmobilesite.vidushiinfotech.net/\">http://icmobilesite.vidushiinfotech.net/</a></span><br><span class=\"Apple-style-span\" style=\"font-family: Tahoma; font-size: 13px; color: rgb(105, 105, 105); \">Promotional valid till 30 Sept 2011: MOBILE WEBSITE (Base Product Mobile CMS) for JUST $159<br></span></span><br><span style=\"font-family: Tahoma; font-size: 10pt; color: rgb(105, 105, 105); \">Mobile Template link: </span><a href=\"http://newsletter.vidushiinfotech.net/Mobilesite/\"><span class=\"Apple-style-span\" style=\"font-size: 15px; font-family: Calibri, sans-serif; color: rgb(105, 105, 105); \">http://newsletter.vidushiinfotech.net/Mobilesite/</span><br></a><span style=\"font-size: 10pt; font-family: Tahoma; \"><span style=\"font-size: 10pt; \"><br><span style=\"color: rgb(105, 105, 105); \">With the promotion on Business Edge and eFusion still running successful in e market place - $ 499</span><br><span style=\"color: rgb(105, 105, 105); \">Check out some of the latest site launch on: </span><br><br><span style=\"color: rgb(105, 105, 105); font-weight: bold; \">http://www.randallcontracting.co.uk/Pages/Default.aspx </span><br><br><span style=\"color: rgb(105, 105, 105); font-size: 10pt; \"><span style=\"font-weight: bold; \">Category</span>: Building & Construction</span><br></span><br></span><div style=\"color: rgb(105, 105, 105); text-align: left; \"><span style=\"font-size: 10pt; font-family: Tahoma; \">Description: WELCOME TO RANDALL CONTRACTING Randall Contracting is a family-run contracting SME which has been servicing London and the South East since 1956. Working closely with our Clients and external Design Consultants, we place great emphasis on a safe, positive, practical and common sense approach to our projects. Our delivery methods have resulted in an extensive volume of repeat business from both Private and Public Sectors. Safety and Environmental concerns are a high priority on all our contracts and we continually strive to source innovative working methods and solutions. Our equipment is regularly updated and maintained to ensure minimal environmental impact.</span><br><br></div><span style=\"color: rgb(105, 105, 105); font-weight: bold; font-family: Tahoma; \"><span style=\"font-size: 10pt; \"><br></span></span><br>";
    WebView webview = new WebView(this); 
    setContentView(webview); 
    webview.getSettings().setJavaScriptEnabled(true); 
    webview.loadData(html,"text/html","utf-8");
于 2012-08-28T09:13:18.040 回答
0

从 jaimin 的回答中我得到了提示。

我的旧布局文件在其他线性布局中包含一个线性布局，因此我更改了 webview 的高度以包装内容，还更改了滚动视图的宽度以填充父级并删除了一个不必要的 LinearLayout。

有问题的旧布局

<include
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    layout="@layout/header_layout" />

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@drawable/title_background"
    android:padding="5dp" >

    <Button
        android:id="@+id/Article_Detail_Share"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_centerVertical="true"
        android:layout_gravity="right|center_vertical"
        android:background="@drawable/button_share" />

    <TextView
        android:id="@+id/Article_Detail_Header"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_centerVertical="true"
        android:layout_gravity="center"
        android:layout_marginRight="5dp"
        android:layout_toLeftOf="@id/Article_Detail_Share"
        android:gravity="center"
        android:padding="2dp"
        android:text="Quarterly Issue - 10 / 2011"
        android:textColor="@color/black"
        android:textSize="@dimen/s16sp"
        android:textStyle="bold" />
</RelativeLayout>

<ScrollView
    android:id="@+id/scrollView1"
    android:layout_width="wrap_content"
    android:layout_height="0dp"
    android:layout_weight="1" >

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical" >

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical" >



            <ImageView
                android:id="@+id/Article_Detail_Image"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center_horizontal"
                android:layout_margin="5dp"

                android:padding="2dp"
                android:scaleType="fitCenter"
            android:adjustViewBounds="true"
                android:src="@drawable/image_box_big" />

            <TextView
                android:id="@+id/Article_Detail_Title"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:layout_marginLeft="9dp"
                android:layout_marginRight="3dp"
                android:layout_marginTop="3dp"
                android:gravity="left|center_vertical"
                android:textColor="@color/text_header_red"
                android:textSize="@dimen/s20sp" />

            <TextView
                android:id="@+id/Article_Detail_Author"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginBottom="3dp"
                android:layout_marginLeft="9dp"
                android:layout_marginRight="3dp"
                android:textColor="@color/black"
                android:textSize="@dimen/s11sp"
                android:textStyle="italic" />
        </LinearLayout>

        <WebView
            android:id="@+id/Article_Detail_Web_Description"
            android:layout_width="fill_parent"
            android:layout_height="0dp"
            android:layout_margin="3dp"
            android:layout_weight="1" />

        <Gallery
            android:id="@+id/Article_Detail_Image_Gallery"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_margin="5dp"
            android:gravity="left"
            android:spacing="5dp" />
    </LinearLayout>
</ScrollView>

<include
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    layout="@layout/bottom_layout" />

更新的布局文件

<include
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    layout="@layout/header_layout" />

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@drawable/title_background"
    android:padding="5dp" >

    <Button
        android:id="@+id/Article_Detail_Share"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_centerVertical="true"
        android:layout_gravity="right|center_vertical"
        android:background="@drawable/button_share" />

    <TextView
        android:id="@+id/Article_Detail_Header"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_centerVertical="true"
        android:layout_gravity="center"
        android:layout_marginRight="5dp"
        android:layout_toLeftOf="@id/Article_Detail_Share"
        android:gravity="center"
        android:padding="2dp"
        android:text="Quarterly Issue - 10 / 2011"
        android:textColor="@color/black"
        android:textSize="@dimen/s16sp"
        android:textStyle="bold" />
</RelativeLayout>

<ScrollView
    android:id="@+id/scrollView1"
    android:layout_width="fill_parent"
    android:layout_height="0dp"
    android:layout_weight="1" >

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical" >

        <!-- <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical" > -->



            <ImageView
                android:id="@+id/Article_Detail_Image"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center_horizontal"
                android:layout_margin="5dp"

                android:padding="2dp"
                android:scaleType="fitCenter"
            android:adjustViewBounds="true"
                android:src="@drawable/image_box_big" />

            <TextView
                android:id="@+id/Article_Detail_Title"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:layout_marginLeft="9dp"
                android:layout_marginRight="3dp"
                android:layout_marginTop="3dp"
                android:gravity="left|center_vertical"
                android:textColor="@color/text_header_red"
                android:textSize="@dimen/s20sp" />

            <TextView
                android:id="@+id/Article_Detail_Author"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginBottom="3dp"
                android:layout_marginLeft="9dp"
                android:layout_marginRight="3dp"
                android:textColor="@color/black"
                android:textSize="@dimen/s11sp"
                android:textStyle="italic" />
        <!-- </LinearLayout> -->

        <WebView
            android:id="@+id/Article_Detail_Web_Description"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_margin="3dp"/>

        <Gallery
            android:id="@+id/Article_Detail_Image_Gallery"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_margin="5dp"
            android:gravity="left"
            android:spacing="5dp" />
    </LinearLayout>
</ScrollView>

<include
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    layout="@layout/bottom_layout" />

我知道在滚动视图中拥有 webview 和画廊不是好方法，而是它的项目要求。

于 2012-08-28T11:11:23.193 回答
0

尝试

 wv.loadDataWithBaseURL(null,html,"text/html","utf-8","about:blank");
于 2012-08-28T07:58:30.007 回答