HTML与AndroidTextView中的文本样式调整方法及实践

在Web开发和Android应用开发中，对文本样式的精确控制是提升用户体验的重要手段之一。本文将探讨如何在HTML中调整下划线的粗细，以及如何在Android的TextView组件中应用HTML样式，包括下划线和加粗等。

效果图展示

Java代码实现

首先，在Android项目中，我们需要在Activity中设置TextView的文本样式。以下是具体的代码实现：

package com.example.textviewstyles;

import android.app.Activity;
import android.os.Build;
import android.os.Bundle;
import android.text.Html;
import android.text.Spanned;
import android.widget.TextView;

public class MainActivity extends Activity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        TextView tv1 = findViewById(R.id.tv1);
        TextView tv2 = findViewById(R.id.tv2);
        String styledText = "TextView内的文本:下划线 斜体字 设置字体颜色为红色加粗";
        Spanned result;
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.N) {
            // 对于Android N及其以上版本，使用带有标志的fromHtml方法
            result = Html.fromHtml(styledText, Html.FROM_HTML_MODE_LEGACY);
        } else {
            // 对于早期版本，使用旧的fromHtml方法
            result = Html.fromHtml(styledText);
        }
        // 直接设置从Html.fromHtml()返回的结果到TextView
        tv1.setText(result);
        // 注意：如果在setText中添加额外的内容，可能会导致样式失效
        tv2.setText("添加其他内容会导致样式失效" + result);
    }
}

布局文件配置

接下来，我们需要在activity_main.xml布局文件中定义两个TextView组件，用于显示上述样式化的文本：

    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:orientation="vertical"
    android:gravity="left">

            android:id="@+id/tv1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="20sp"/>

            android:id="@+id/tv2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="20dp"
        android:textSize="20sp"/>

重要提示

为了确保TextView中应用的HTML样式有效，务必直接使用Html.fromHtml()方法返回的Spanned对象进行设置。如果在调用setText方法时混合了其他字符串，可能会导致部分或全部样式失效。