Android 一个TextView中设置文字不同字体大小和颜色的最完整方法

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/SilenceOO/article/details/77175102

在做项目的时候,经常会遇到过一行文字有两种颜色。有时候直接会想到用多个TextView来实现。今天就介绍一下更为简单的方法,用一个TextView实现。

效果:

这里写图片描述

这几个都实现了一行字有不同颜色,还有两个字体大小也不一样,我们下边一一介绍。

首先xml代码:

<TextView
        android:id="@+id/tv1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="20dp"
        android:textSize="18sp"
        android:text="Hello World!"
        />
    <TextView
        android:id="@+id/tv2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="20dp"
        android:textSize="18sp"
        android:text="Hello World!"
        />
    <TextView
        android:id="@+id/tv3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="20dp"
        android:textSize="18sp"
        android:text="Hello World!"
        />
    <TextView
        android:id="@+id/tv4"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="20dp"
        android:textSize="18sp"
        android:text="Hello World!"
        />
    <TextView
        android:id="@+id/tv5"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:textSize="18sp"
        android:text="Hello World!"
        />

上图中的第一个TextView代码:

    String str1 = "今天<font color='#FF0000'>天气不错</font>";
    tv1.setText(Html.fromHtml(str1));

第二个TextView将红色字体变小:

    String str2 = "今天<font color='#FF0000'><small>天气不错</small></font>";
    tv2.setText(Html.fromHtml(str2));

第三个TextView将红色字体变大:

    String str3 = "今天<font color='#FF0000'><big>天气不错</big></font>";
    tv3.setText(Html.fromHtml(str3));

上边三种情况都是固定字符的情况,那如果遇到变量该怎么办呢?其实也很简单。第四个TextView代码:

    String str4 = "天气不错";
    tv4.setText(Html.fromHtml("今天" + "<font color='#FF0000'>" + str4 + "</font>"));

上面的实现方式都是使用的html标签的形式,下面我们使用系统自带的SpannableString来实现。
第五个TextView代码:

    SpannableString spannableString = new SpannableString("今天天气不错");
    spannableString.setSpan(new ForegroundColorSpan(Color.parseColor("#FF0000")), 2, spannableString.length(), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
        tv5.setText(spannableString);

setSpan方法有四个参数,ForegroundColorSpan是为文本设置前景色,也就是文字颜色。如果要为文字添加背景颜色,可替换为BackgroundColorSpan。第二个参数:2为文本颜色改变的起始位置,spannableString.length()为文本颜色改变的结束位置。最后一个参数为布尔型,可以传入以下四种:
Spanned.SPAN_INCLUSIVE_EXCLUSIVE 从起始下标到终止下标,包括起始下标
Spanned.SPAN_INCLUSIVE_INCLUSIVE 从起始下标到终止下标,同时包括起始下标和终止下标
Spanned.SPAN_EXCLUSIVE_EXCLUSIVE 从起始下标到终止下标,但都不包括起始下标和终止下标
Spanned.SPAN_EXCLUSIVE_INCLUSIVE 从起始下标到终止下标,包括终止下标

点击下载Demo

展开阅读全文

没有更多推荐了,返回首页