Android UI之TextView开发指南

2023-10-22 18:12:28

TextView 是 Android UI 中一个重要的组件，它允许您在应用程序中显示文本。TextView 可以显示简单的文本字符串，也可以显示更复杂的富文本，包括链接、图像和其他元素。

一、显示富文本

TextView 可以使用 HTML 或 Markdown 格式显示富文本。要显示 HTML，您需要将 HTML 代码放在 TextView 的 text 属性中。要显示 Markdown，您需要将 Markdown 代码放在 TextView 的 text 属性中。

// 使用 HTML 显示富文本
TextView textView = (TextView) findViewById(R.id.text_view);
textView.setText("<h1>标题</h1><p>段落</p><a href=\"https://google.com\">链接</a>");

// 使用 Markdown 显示富文本
TextView textView = (TextView) findViewById(R.id.text_view);
textView.setText("# 标题\n\n段落\n\n[链接](https://google.com)");

二、跑马灯效果

TextView 可以使用 ellipsize 和 marqueeRepeatLimit 属性来实现跑马灯效果。ellipsize 属性指定当文本太长时如何截断文本，marqueeRepeatLimit 属性指定跑马灯重复的次数。

// 实现跑马灯效果
TextView textView = (TextView) findViewById(R.id.text_view);
textView.setEllipsize(TextUtils.TruncateAt.MARQUEE);
textView.setMarqueeRepeatLimit(-1);

三、显示大小不同的字体

TextView 可以使用 textSize 属性来设置字体的大小。textSize 属性可以接受一个浮点数，表示字体的大小（以像素为单位）。

// 设置字体大小
TextView textView = (TextView) findViewById(R.id.text_view);
textView.setTextSize(20);

四、样式

TextView 可以使用 textStyle 属性来设置字体的样式。textStyle 属性可以接受以下值：

NORMAL：正常字体
BOLD：粗体
ITALIC：斜体
BOLD_ITALIC：粗斜体

// 设置字体样式
TextView textView = (TextView) findViewById(R.id.text_view);
textView.setTypeface(Typeface.DEFAULT_BOLD);

五、文本对齐

TextView 可以使用 textAlignment 属性来设置文本的对齐方式。textAlignment 属性可以接受以下值：

TEXT_ALIGNMENT_GRAVITY_START：左对齐
TEXT_ALIGNMENT_GRAVITY_CENTER：居中对齐
TEXT_ALIGNMENT_GRAVITY_END：右对齐

// 设置文本对齐方式
TextView textView = (TextView) findViewById(R.id.text_view);
textView.setTextAlignment(View.TEXT_ALIGNMENT_GRAVITY_CENTER);

六、文本截断

TextView 可以使用 maxLines 属性来设置文本的最大行数。当文本超过最大行数时，它将被截断。

// 设置文本的最大行数
TextView textView = (TextView) findViewById(R.id.text_view);
textView.setMaxLines(2);

七、事件监听

TextView 可以使用 setOnClickListener 方法来设置点击事件监听器。当用户点击 TextView 时，点击事件监听器将被调用。

// 设置点击事件监听器
TextView textView = (TextView) findViewById(R.id.text_view);
textView.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View view) {
        // 点击事件处理逻辑
    }
});