WebView tải chuỗi html Android

Được lưu trong phần “Những gì tôi đã học được về Android ngày hôm nay”, hóa ra bạn có thể hiển thị một chuỗi HTML trong một TextView Android. Tuy nhiên, cách tiếp cận này có những hạn chế lớn và có thể bạn sẽ muốn hiển thị HTML của mình dưới dạng WebView để thay thế

Bỏ qua vấn đề đó trong giây lát. nếu bạn muốn thử hiển thị một chuỗi HTML trong một TextView, bạn cần sử dụng phương thức Html.fromHtml() của Android, như được hiển thị trong mã này

// get our html content
String htmlAsString = getString(R.string.html);
Spanned htmlAsSpanned = Html.fromHtml(htmlAsString); // used by TextView

// set the html content on the TextView
TextView textView = (TextView) findViewById(R.id.textView);
textView.setText(htmlAsSpanned);

Chuỗi HTML của tôi

Trong mã ví dụ của tôi, tôi đã định nghĩa một String bằng XML trong res/values/strings của mình. tệp xml như thế này

<resources>
    <string name="app_name">TestProject2</string>

    <string name="html">
        <![CDATA[
        <h1>Main Title</h1>
        <h2>A sub-title</h2>
        <p>This is some html. Look, here\'s an <u>underline</u>.</p>
        <p>Look, this is <em>emphasized.</em> And here\'s some <b>bold</b>.</p>
        <p>This is a UL list:
        <ul>
        <li>One</li>
        <li>Two</li>
        <li>Three</li>
        </ul>
        <p>This is an OL list:
        <ol>
        <li>One</li>
        <li>Two</li>
        <li>Three</li>
        </ol>
        ]]>
    </string>
</resources>

Như được hiển thị, nếu bạn định đặt nội dung HTML thành một chuỗi trong tệp XML như thế này, bạn cần đặt nó bên trong phần tử CDATA

TextView trông như thế nào

Với một tệp bố cục được xác định như thế này

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              xmlns:tools="http://schemas.android.com/tools"
              android:layout_width="match_parent"
              android:layout_height="match_parent"
              tools:context=".MainActivity"
              android:orientation="vertical"
              android:gravity="top|fill_vertical">

    <TextView
        android:id="@+id/textView"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"/>

    <!--
    <WebView
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:id="@+id/webView"
        android:layout_below="@+id/helloWorld"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"
        />
    -->

</LinearLayout>

và một

<resources>
    <string name="app_name">TestProject2</string>

    <string name="html">
        <![CDATA[
        <h1>Main Title</h1>
        <h2>A sub-title</h2>
        <p>This is some html. Look, here\'s an <u>underline</u>.</p>
        <p>Look, this is <em>emphasized.</em> And here\'s some <b>bold</b>.</p>
        <p>This is a UL list:
        <ul>
        <li>One</li>
        <li>Two</li>
        <li>Three</li>
        </ul>
        <p>This is an OL list:
        <ol>
        <li>One</li>
        <li>Two</li>
        <li>Three</li>
        </ol>
        ]]>
    </string>
</resources>

package com.alvinalexander.testproject2;

import android.support.v7.app.ActionBarActivity;
import android.os.Bundle;
import android.text.Html;
import android.text.Spanned;
import android.widget.TextView;

public class MainActivity extends ActionBarActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        // get our html content
        String htmlAsString = getString(R.string.html);      // used by WebView
        Spanned htmlAsSpanned = Html.fromHtml(htmlAsString); // used by TextView

        // set the html content on a TextView
        TextView textView = (TextView) findViewById(R.id.textView);
        textView.setText(htmlAsSpanned);

//        WebView webView = (WebView) findViewById(R.id.webView);
//        webView.loadDataWithBaseURL(null, htmlAsString, "text/html", "utf-8", null);

    }

}

chuỗi HTML được hiển thị trong tiện ích con TextView của Android trông như thế này

Như bạn có thể thấy, TextView không hiển thị đúng một số thành phần. Trên thực tế, bạn càng muốn sử dụng nhiều HTML thì điều này càng trở thành vấn đề, bởi vì TextView có rất ít hỗ trợ để hiển thị HTML

Android WebView tốt hơn

Trên thực tế, các vấn đề về màn hình đủ tệ đến mức có lẽ tốt hơn hết là bạn nên sử dụng WebView thay vì TextView. Nếu bạn loại bỏ các nhận xét WebView khỏi mã tôi đã trình bày và loại bỏ nhận xét mã TextView, bạn sẽ thấy rằng một WebView hiển thị HTML tốt hơn nhiều

Tóm lược

Vì vậy, trong khi bạn có thể kết xuất một chuỗi HTML trong Android TextView, thì câu hỏi sẽ trở thành, "Bạn có nên làm điều này không?"

Ghi chú. Đối với ví dụ này, tôi đã sử dụng

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              xmlns:tools="http://schemas.android.com/tools"
              android:layout_width="match_parent"
              android:layout_height="match_parent"
              tools:context=".MainActivity"
              android:orientation="vertical"
              android:gravity="top|fill_vertical">

    <TextView
        android:id="@+id/textView"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"/>

    <!--
    <WebView
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:id="@+id/webView"
        android:layout_below="@+id/helloWorld"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"
        />
    -->

</LinearLayout>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              xmlns:tools="http://schemas.android.com/tools"
              android:layout_width="match_parent"
              android:layout_height="match_parent"
              tools:context=".MainActivity"
              android:orientation="vertical"
              android:gravity="top|fill_vertical">

    <TextView
        android:id="@+id/textView"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"/>

    <!--
    <WebView
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:id="@+id/webView"
        android:layout_below="@+id/helloWorld"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"
        />
    -->

</LinearLayout>

Làm cách nào để tải chuỗi HTML trong WebView Android?

Làm cách nào để mở tệp HTML trong WebView Android?

Làm cách nào để tải tệp HTML trong Android?

Làm cách nào để tải chuỗi HTML trong WebView trong Swift?