Android在TextView中设置局部文字的样式(富文本)(HTML和SpannableString两种方式)

在这里插入图片描述

HTML

    private fun setTextStyleWithHtml(tvTest: TextView) {
        val text = "Html,测试<u>下划线</u>、<i>斜体字</i>、<font color='red'>红色字</font>的格式"
        tvTest.text = Html.fromHtml(text)
    }

SpannableString

  • Spanned.SPAN_EXCLUSIVE_EXCLUSIVE等的作用:
    用来标识在 Span 范围内的文本前后输入新的字符时是否把它们也应用这个效果。分别有 Spanned.SPAN_EXCLUSIVE_EXCLUSIVE(前后都不包括)、Spanned.SPAN_INCLUSIVE_EXCLUSIVE(前面包括,后面不包括)、Spanned.SPAN_EXCLUSIVE_INCLUSIVE(前面不包括,后面包括)、Spanned.SPAN_INCLUSIVE_INCLUSIVE(前后都包括)。
    private fun setTextStyleWithSpan(tvTest: TextView){
        //创建一个 SpannableString对象
        val msp = SpannableString("字体测试字体大小一半两倍前景色背景色正常粗体斜体粗斜体下划线删除线x1x2电话邮件网站短信彩信地图X轴综合")


        //设置字体(default,default-bold,monospace,serif,sans-serif)
        msp.setSpan(TypefaceSpan("monospace"), 0, 2, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE)
        msp.setSpan(TypefaceSpan("serif"), 2, 4, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE)

        //设置字体大小(绝对值,单位:像素)
        msp.setSpan(AbsoluteSizeSpan(20), 4, 6, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE)
        msp.setSpan(AbsoluteSizeSpan(20, true), 6, 8, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE) //第二个参数boolean dip,如果为true,表示前面的字体大小单位为dip,否则为像素,同上。

        //设置字体大小(相对值,单位:像素) 参数表示为默认字体大小的多少倍
        msp.setSpan(RelativeSizeSpan(0.5f), 8, 10, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE) //0.5f表示默认字体大小的一半

        msp.setSpan(RelativeSizeSpan(2.0f), 10, 12, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE) //2.0f表示默认字体大小的两倍

        //设置字体前景色
        msp.setSpan(ForegroundColorSpan(Color.MAGENTA), 12, 15, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE) //设置前景色为洋红色

        //设置字体背景色
        msp.setSpan(BackgroundColorSpan(Color.CYAN), 15, 18, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE) //设置背景色为青色


        //设置字体样式正常,粗体,斜体,粗斜体
        msp.setSpan(StyleSpan(Typeface.NORMAL), 18, 20, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE) //正常

        msp.setSpan(StyleSpan(Typeface.BOLD), 20, 22, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE) //粗体

        msp.setSpan(StyleSpan(Typeface.ITALIC), 22, 24, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE) //斜体

        msp.setSpan(StyleSpan(Typeface.BOLD_ITALIC), 24, 27, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE) //粗斜体

        //设置下划线
        msp.setSpan(UnderlineSpan(), 27, 30, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE)

        //设置删除线
        msp.setSpan(StrikethroughSpan(), 30, 33, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE)

        //设置上下标
        msp.setSpan(SubscriptSpan(), 34, 35, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE) //下标

        msp.setSpan(SuperscriptSpan(), 36, 37, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE) //上标

        //超级链接(需要添加setMovementMethod方法附加响应)
        msp.setSpan(URLSpan("tel:4155551212"), 37, 39, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE) //电话
        msp.setSpan(ForegroundColorSpan(Color.BLUE), 37, 39, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE)

        msp.setSpan(URLSpan("mailto:webmaster@google.com"), 39, 41, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE) //邮件
        msp.setSpan(ForegroundColorSpan(Color.YELLOW), 39, 41, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE)

        msp.setSpan(URLSpan("http://www.baidu.com"), 41, 43, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE) //网络
        msp.setSpan(ForegroundColorSpan(Color.GREEN), 41, 43, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE)

        msp.setSpan(URLSpan("sms:4155551212"), 43, 45, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE) //短信   使用sms:或者smsto:
        msp.setSpan(ForegroundColorSpan(Color.RED), 43, 45, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE)

        msp.setSpan(URLSpan("mms:4155551212"), 45, 47, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE) //彩信   使用mms:或者mmsto:
        msp.setSpan(ForegroundColorSpan(Color.CYAN), 45, 47, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE)

        msp.setSpan(URLSpan("geo:38.899533,-77.036476"), 47, 49, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE) //地图

        //设置字体大小(相对值,单位:像素) 参数表示为默认字体宽度的多少倍
        msp.setSpan(ScaleXSpan(2.0f), 49, 51, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE) //2.0f表示默认字体宽度的两倍,即X轴方向放大为默认字体的两倍,而高度不变

        //SpannableString对象设置给TextView
        tvTest.text = msp
        //设置TextView可点击
        tvTest.movementMethod = LinkMovementMethod.getInstance();
    }

自定义Span

  • CustomUrlSpan
public class CustomUrlSpan extends URLSpan {
    private final String title;

    public CustomUrlSpan(String url, String title) {
        super(url);
        this.title = title;
    }

    @Override
    public void updateDrawState(@NonNull TextPaint ds) {
        ds.setColor(ds.linkColor);
        ds.setUnderlineText(false);
    }

    @Override
    public void onClick(View widget) {
        String url = getURL();
        Intent intent = new Intent(getContext(), CommonWebViewActivity.class);

        intent.putExtra(EXTRA_URL, url);
        intent.putExtra(EXTRA_TITLE, title);
        startActivity(intent);
    }
}

SpannableStringBuilder可以用于拼接SpannableString

    private fun initBottomAgreement(isShowRegisterText: Boolean) {
        var defaultText = "本人已阅读并同意"
        if (isShowRegisterText) {
            defaultText = "新用户首次登录将会直接注册账号\n本人已阅读并同意"
        }
        //设置底部协议
        val sp1 = SpannableString(" 用户协议 ")
        sp1.setSpan(CustomUrlSpan("https://test.im/app/member-policy.html", "用户协议"), 0, sp1.length, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE)
        sp1.setSpan(ForegroundColorSpan(Color.BLACK), 0, sp1.length, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE)
        val sp2 = SpannableString(" 隐私协议 ")
        sp2.setSpan(CustomUrlSpan("https://test.im/datastory/privacy/privacy.html", "隐私协议"), 0, sp2.length, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE)
        sp2.setSpan(ForegroundColorSpan(Color.BLACK), 0, sp2.length, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE)
        //拼接
        val ssp = SpannableStringBuilder(defaultText)
        ssp.append(sp1)
        ssp.append(SpannableString("和"))
        ssp.append(sp2)
        binding.tvBottomAgreement.text = ssp
        binding.tvBottomAgreement.movementMethod = LinkMovementMethod.getInstance()
    }

Spannable.SPAN_EXCLUSIVE_EXCLUSIVE

在这里插入图片描述

参考资料

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
如果您使用`Html.fromHtml()`方法设置富文本时,样式没有生效,那么您需要检查以下几个方面: 1. 首先,确保您的富文本字符串包含的样式属性是支持的。例如,`<font>`标签只支持以下属性:`color`、`face`、`size`。 2. 确保您的文本视图已启用样式属性。在 XML ,您可以使用`android:textAppearance`属性或`android:textStyle`属性来设置样式。如果您在 Java 代码创建 TextView,您也可以使用`setTextAppearance()`或`setTypeface()`方法来设置样式。 3. 如果您的文本视图已启用样式属性,但样式仍未生效,则可能是由于您的设备版本过低所致。在 Android 7.0 及更高版本,您可以使用`Html.fromHtml()`方法设置富文本,并且样式属性会生效。但在较早的 Android 版本,您需要使用`Html.fromHtml()`方法的第二个参数来指定一个`Html.TagHandler`对象,以便将样式属性应用于文本视图。下面是一个示例: ```java if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.N) { textView.setText(Html.fromHtml(htmlString, Html.FROM_HTML_MODE_COMPACT)); } else { textView.setText(Html.fromHtml(htmlString, null, new MyTagHandler())); } private class MyTagHandler implements Html.TagHandler { @Override public void handleTag(boolean opening, String tag, Editable output, XMLReader xmlReader) { if (tag.equalsIgnoreCase("font") && !opening) { output.setSpan(new ForegroundColorSpan(Color.RED), output.length() - 1, output.length(), 0); } } } ``` 在上面的代码,`MyTagHandler`类实现了`Html.TagHandler`接口,并重写了`handleTag()`方法来处理`<font>`标签。在这个示例,它将文本视图的所有`<font>`标签的文字颜色设置为红色。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值