大家好:与人奋斗,其乐无穷!衷心希望各位坚守本心,实现中华民族伟大复兴的中国梦!
一、开发背景
上一篇文章向大家介绍了Android如何制作圆形图片完成圆形头像的需求。这篇文章向大家介绍一些关于如何让TextView显示多种颜色的文本。demo的最终显示效果如下图所示:
二、用HTML标记需要该变颜色的文本内容
<font color='#FF0000'>文本内容</font>
color 后面的值是RGB值的十六进制表示。在该标签内的文本颜色会按照你设置的RGB值所代表的颜色来显示。
<br />
换行标签最孤单,在这么多对标签里面,别人都是成双成对,就只有换行标签和少数几个单身汉是因为独身而被称为“单标签”。暂时先介绍这么多,更多的内容在以后的开发中遇到了,我再慢慢分享给大家。
三、创建布局
布局文件中的具体代码如下所示:
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@mipmap/background"
tools:context=".demo02.MainActivity2">
<TextView
android:id="@+id/tv_suggest"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="280dp"
android:textColor="#FFD700"
android:textSize="20sp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>
阅读代码之后,不难发现:在约束布局当中,只有一个TextView控件。它的TextColor设置成了黄色(#FFD700),也就是说,TextView显示的文本颜色应该都是黄色的。为了方便观察到最后效果,它的TextSize设置成为了较大的20sp。
四、MainActivity中的代码
我们把TextView要显示的文本内容放到MainActivity中,并且在MainActivity中利用HTML设置多种颜色的文本,然后将其放入TextView当中进行显示。具体代码如下所示:
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main4);
TextView tv_suggest = findViewById(R.id.tv_suggest);
//在一个字符串中,显示多种颜色的文本。
String str = "<font color='#FF0000'>好好学习,天天向上。</font>
<br />青年人是早上八九点钟的太阳";
tv_suggest.setText(Html.fromHtml(str));
}
重点在于最后几行代码。Html.fromHtml()将HTML的内容转换成为了字符串。然后放入TextView当中,最后进行显示。