煮酒与君饮

这个屌丝很懒，什么也没留下！

热门标签

Android应用开发（5）文本视图（TextView）_android textview显示文本

作者：煮酒与君饮 | 2024-07-13 17:42:28

踩

android textview显示文本

Android应用开发学习笔记——目录索引

本章介绍文本视图（TextView）的显示，包括：设置文本内容、设置文本大小、设置文本显示颜色。

参考Google官网：https://developer.android.com/reference/android/widget/TextView

TextView是最基础的文本显示控件，常用的基本属性和设置方法有：

XML中的属性	TextView类的设置方法	说明
android:text	setText	设置文本内容
android:textColor	setTextColor	设置文本颜色
android:textSize	setTextSize	设置文本大小
android:gravity	setGravity	设置文本的对齐方式

一、设置TextView显示内容

Layout XML文件中设置

如：res/layout/activity_main.xml中通过属性：

android:text 设置文本


    <TextView
        android:id="@+id/textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello World!"

Java 代码中设置

调用文本视图的setText()方法设置


 
TextView textView = (TextView) findViewById(R.id.textView);
textView.setText("Hello World!");

strings.xml中设置

Android Studio不推荐在xml布局文件直接Hardcoded string

推荐在/res/values目录strings.xml文件添加，然后使用@string引用


<resources>
    <string name="app_name">TextView</string>
    <string name="textView_hello">Hello World!</string>
</resources>

res/layout/activity_main.xml


    <TextView
        android:id="@+id/textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/textView_hello"

java代码中


 
TextView textView = (TextView) findViewById(R.id.textView);
textView.setText(R.string.textView_hello);

layout XML或者java代码中都从string.xml引用字符串资源，以后要显示其他内容，也只需要修改string.xml一个地方即可，Android Studio推荐使用这种方法。

二、设置TextView显示大小

Layout.xml文件中设置

android:textSize设置文本大小


    <TextView
        android:id="@+id/textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="30sp"

发现输入数字中有一个下来列表：

sp：专门用来设置字体大小（和系统设置中字体大小相关，跟随系统字体一起变化）

px：像素，屏幕的最小显示单位

pt：磅，1/72英寸

mm：毫米

in：英寸，1英寸 = 2.54厘米 = 25.4毫米

dp：与设备无关的显示单位，有时也写作dip

其中常用的是px、dp和sp三种。

dp和px的转换：


 
int dip2px(Context context, float dp) {
    float scale = context.getResources().getDisplayMetrics().density;
    return (int) (dp * scale + 0.5f);
}
int px2dip(Context context, int px) {
    float scale = context.getResources().getDisplayMetrics().density;
    return (int) (px / scale + 0.5f);
}

Java 代码中设置

调用文本视图的setTextSize()方法设置


 
TextView textView = (TextView) findViewById(R.id.textView);
textView.setTextSize(30);

setTextSize()使用的是sp（COMPLEX_UNIT_SP）


 
    public void setTextSize(float size) {
        setTextSize(TypedValue.COMPLEX_UNIT_SP, size);
    }

手机【设置】菜单->【显示】->【字体与显示大小】调整字体大小，可以看到使用sp文本字体大小会跟随系统变化，使用dp的不会变化。

三、设置TextView显示颜色

Layout.xml文件中设置

android:textColor设置文本大小

XML 中android:textColor默认是不透明（也就是alpha = 0xFF）,在前面要加“#”后面是十六进制RGB


    <TextView
        android:id="@+id/textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="30sp"
        android:text="@string/textView_hello"
        android:textColor="#FF0000"

Java 代码中设置

调用文本视图的setTextColor()方法设置

Java代码中默认是透明（也就是alpha = 0x00）,格式为ARGB，使用十六进制0x开头

如：红色0xFFFF0000、绿色0xFF00FF00、蓝色0xFF0000FF、白色0xFFFFFFFF


 
TextView textView = (TextView) findViewById(R.id.textView);
textView.setTextColor(0xFFFF0000);

Color类中定义了12中颜色，可以使用

Color类定义	值	说明	Color类定义	值	说明
BLACK	0xFF000000	黑色	GREEN	0xFF00FF00	绿色
DKGRAY	0xFF444444	深灰	BLUE	0xFF0000FF	蓝色
GRAY	0xFF888888	灰色	YELLOW	0xFFFFFF00	黄色
LTGRAY	0xFFCCCCCC	浅色	CYAN	0xFF00FFFF	青色
WHITE	0xFFFFFFFF	白色	MAGENTA	0xFFFF00FF	品红
RED	0xFFFF0000	红色	TRANSPARENT	0	透明


 
TextView textView = (TextView) findViewById(R.id.textView);
textView.setTextColor(Color.BLUE);

colors.xml中设置

/res/values目录colors.xml文件添加


<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="purple_200">#FFBB86FC</color>
    <color name="purple_500">#FF6200EE</color>
    <color name="purple_700">#FF3700B3</color>
    <color name="teal_200">#FF03DAC5</color>
    <color name="teal_700">#FF018786</color>
    <color name="black">#FF000000</color>
    <color name="white">#FFFFFFFF</color>
</resources>

res/layout/activity_main.xml引用@color/自定义颜色名称


    <TextView
        android:id="@+id/textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/textView_hello"
        android:textColor="@color/purple_200"

java代码中引用R.color.颜色


 
TextView textView = (TextView) findViewById(R.id.textView);
textView.setTextColor(R.color.purple_200);

设置背景颜色

Layout XML文件中android:background设置背景


    <TextView
        android:id="@+id/textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/textView_hello"
        android:textColor="@color/purple_200"
        android:background="#111111"

java代码中

setBackgroundColor()，参数：使用Color类或者十六进制


 
TextView textView = (TextView) findViewById(R.id.textView);
textView.setBackgroundColor(Color.BLUE);
// 或者
textView.setBackgroundColor(0xFF0000FF);

setBackgroundResource()，参数：R.color.颜色，R.drawable.


 
TextView textView = (TextView) findViewById(R.id.textView);
textView.setBackgroundResource(R.color.black);

注意： XML属性android:background和Java方法 setBackgroundResource()用来设置控件的背景，不单背景颜色，还可以使用图片背景。图片放到/res/drawable，XML中引用方法@drawable/


    <TextView
        android:id="@+id/textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/textView_hello"
        android:background="@drawable/ic_launcher_background"

java 代码使用R.drawable.


 
TextView textView = (TextView) findViewById(R.id.textView);
textView.setBackgroundResource(R.drawable.ic_launcher_background);

四、TextView XML 完整属性

继承View的 XML 属性：参考https://developer.android.com/reference/android/view/View

XML 属性
android:allowUndo	是否允许对可编辑文本进行撤消。
android:autoLink	控制是否自动查找 URL 和电子邮件地址等链接并将其转换为可单击链接。
android:autoSizeMaxTextSize	自动调整文本大小时要使用的最大文本大小约束。
android:autoSizeMinTextSize	自动调整文本大小时要使用的最小文本大小约束。
android:autoSizePresetSizes	`autoSizeTextType`与set to 结合使用的资源维度数组 `uniform`。
android:autoSizeStepGranularity	`autoSizeTextType`如果设置为，则指定自动调整大小的步长`uniform`。
android:autoSizeTextType	指定自动调整大小的类型。
android:autoText	如果设置，则指定此 TextView 具有文本输入方法并自动更正一些常见的拼写错误。
android:breakStrategy	中断策略（控制段落布局）。
android:bufferType	确定 getText() 将返回的最小类型。
android:capitalize	如果设置，则指定此 TextView 具有文本输入方法，并且应自动将用户键入的内容大写。
android:cursorVisible	使光标可见（默认）或不可见。
android:digits	如果设置，则指定此 TextView 有数字输入方法，并且这些特定字符是它将接受的字符。
android:drawableBottom	要在文本下方绘制的可绘制对象。
android:drawableEnd	要绘制到文本末尾的可绘制对象。
android:drawableLeft	要绘制到文本左侧的可绘制对象。
android:drawablePadding	可绘制对象和文本之间的填充。
android:drawableRight	要绘制在文本右侧的可绘制对象。
android:drawableStart	要绘制到文本开头的可绘制对象。
android:drawableTint	应用于复合（左、上等）绘图的色调。
android:drawableTintMode	用于应用复合（左、上等）可绘制色调的混合模式。
android:drawableTop	要在文本上方绘制的可绘制对象。
android:editable	如果设置，则指定此 TextView 有输入法。
android:editorExtras	对包含要 `<input-extras>` 提供给输入方法的附加数据的 XML 资源的引用，该资源对于输入方法的实现而言是私有的。
android:elegantTextHeight	优雅的文本高度，特别是对于不太紧凑的复杂脚本文本。
android:ellipsize	如果设置，则会导致长度超过视图宽度的单词被省略而不是在中间断开。
android:ems	使 TextView 正好有这么多 em 宽。
android:enabled	指定是否启用小部件。
android:fallbackLineSpacing	是否考虑显示文本时使用的后备字体的上升和下降。
android:firstBaselineToTopHeight	从 TextView 顶部到第一个文本基线的距离。
android:focusedSearchResultHighlightColor	重点搜索结果突出显示的颜色。
android:focusedSearchResultHighlightColor	重点搜索结果突出显示的颜色。
android:fontFamily	文本的字体系列（由字符串命名或作为字体资源引用）。
android:fontFeatureSettings	字体功能设置。
android:fontVariationSettings	字体变化设置。
android:freezesText	如果设置，文本视图将在其冻结的冰柱内包含当前的完整文本以及当前光标位置等元数据。
android:gravity	指定当文本小于视图时如何按视图的 x 轴和/或 y 轴对齐文本。
android:height	使 TextView 正好这么高。
android:hint	文本为空时显示的提示文本。
android:hyphenationFrequency	自动连字的频率。
android:imeActionId	提供输入法连接到文本视图时使用的值。`EditorInfo.actionId`
android:imeActionLabel	提供输入法连接到文本视图时使用的值。`EditorInfo.actionLabel`
android:imeOptions	您可以在与编辑器关联的 IME 中启用其他功能，以改进与应用程序的集成。
android:includeFontPadding	为上升和下降留出足够的空间，而不是严格使用字体上升和下降。
android:inputMethod	如果设置，则指定此 TextView 应使用指定的输入方法（由完全限定的类名指定）。
android:inputType	放置在文本字段中的数据类型，用于帮助输入法决定如何让用户输入文本。
android:justificationMode	论证模式。
android:lastBaselineToBottomHeight	从 TextView 底部到最后一个文本基线的距离。
android:letterSpacing	文本字母间距。
android:lineBreakStyle	指定文本换行的换行策略。
android:lineBreakWordStyle	指定文本换行的换行策略。
android:lineHeight	文本行之间的显式高度。
android:lineSpacingExtra	文本行之间的额外间距。
android:lineSpacingMultiplier	文本行之间的额外间距，作为乘数。
android:lines	使 TextView 恰好有这么多行高。
android:linksClickable	如果设置为 false，则即使自动链接导致找到链接，也不会将移动方法设置为链接移动方法。
android:marqueeRepeatLimit	重复选取框动画的次数。
android:maxEms	使 TextView 最多有这么多 em 宽。
android:maxHeight	使 TextView 最多有这么多像素高。
android:maxLength	设置输入过滤器以将文本长度限制为指定数字。
android:maxLines	使 TextView 最多有这么多行高。
android:maxWidth	使 TextView 最多有这么多像素宽。
android:minEms	使 TextView 至少有这么多 em 宽。
android:minHeight	使 TextView 至少有这么多像素高。
android:minLines	使 TextView 至少有这么多行高。
android:minWidth	使 TextView 至少有这么多像素宽。
android:numeric	如果设置，则指定此 TextView 有数字输入方法。
android:password	该字段的字符是否显示为密码点而不是其本身。
android:phoneNumber	如果设置，则指定此 TextView 有电话号码输入方法。
android:privateImeOptions	提供给附加到文本视图的输入法的附加内容类型描述，该描述对于输入法的实现是私有的。
android:scrollHorizontally	是否允许文本比视图更宽（因此可以水平滚动）。
android:searchResultHighlightColor	搜索结果突出显示的颜色。
android:searchResultHighlightColor	搜索结果突出显示的颜色。
android:selectAllOnFocus	如果文本可选，则在视图获得焦点时将其全部选中。
android:shadowColor	在文本下方放置一个模糊的文本阴影，并用指定的颜色绘制。
android:shadowDx	文本阴影的水平偏移。
android:shadowDy	文本阴影的垂直偏移。
android:shadowRadius	文本阴影的模糊半径。
android:singleLine	将文本限制为单个水平滚动行，而不是让它换行到多行，并在按 Enter 键时前进焦点而不是插入换行符。
android:text	要显示的文本。
android:textAllCaps	文本全部大写。
android:textAppearance	基本文本颜色、字体、大小和样式。
android:textColor	文字颜色。
android:textColorHighlight	文本选择突出显示的颜色。
android:textColorHint	提示文本的颜色。
android:textColorLink	链接的文本颜色。
android:textCursorDrawable	引用将在插入光标下绘制的可绘制对象。
android:textFontWeight	TextView 中使用的字体粗细。
android:textIsSelectable	表示可以选择不可编辑文本的内容。
android:textScaleX	设置文本的水平缩放因子。
android:textSelectHandle	引用一个可绘制对象，该可绘制对象将用于显示文本选择锚点，以将光标定位在文本中。
android:textSelectHandleLeft	引用将用于在选择区域左侧显示文本选择锚点的可绘制对象。
android:textSelectHandleRight	引用将用于在选择区域右侧显示文本选择锚点的可绘制对象。
android:textSize	文字的大小。
android:textStyle	文本的样式（正常、粗体、斜体、粗体\|斜体）。
android:typeface	文本字体（普通、无衬线、等宽字体）。
android:width	使 TextView 正好这么宽。

五、TextView控件测试程序

java：

MainActivity.java


 
package com.example.textviewtest;
 
import androidx.appcompat.app.AppCompatActivity;
 
import android.content.Context;
import android.graphics.Color;
import android.os.Bundle;
import android.util.Log;
import android.view.ViewGroup;
import android.widget.TextView;
 
public class MainActivity extends AppCompatActivity {
    private final static String TAG = "lzl-test-Textview";
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
 
        TextView textView = (TextView) findViewById(R.id.textView);
        textView.setText(R.string.textView_hello);
 
        TextView textView_setTextSize = (TextView) findViewById(R.id.textView_setTextSize);
        textView_setTextSize.setTextSize(20);
 
        TextView textView_setLayoutParams = (TextView) findViewById(R.id.textView_setLayoutParams);
        ViewGroup.LayoutParams layoutParams = textView.getLayoutParams();
        Log.i(TAG, "getLayoutParams:width:" + layoutParams.width + ", height:" + layoutParams.height);
        layoutParams.width = dp2px(this, 400);
        layoutParams.height = dp2px(this, 20);
        textView_setLayoutParams.setBackgroundColor(Color.GREEN);
        textView_setLayoutParams.setText("setLayoutParams:width:" + 400 + ", height:" + 20);
        textView_setLayoutParams.setLayoutParams(layoutParams);
 
        TextView textView_java_color = (TextView) findViewById(R.id.textView_java_color);
        textView_java_color.setTextColor(Color.RED);
 
        TextView textView_java_color1 = (TextView) findViewById(R.id.textView_java_color1);
        textView_java_color1.setTextColor(0xFFFF0000); //ARGB
 
        TextView textView_java_background = (TextView) findViewById(R.id.textView_java_background);
        textView_java_background.setTextColor(Color.RED);
        textView_java_background.setBackgroundColor(Color.GRAY);
        //textView_java_background.setBackgroundColor(0xFF888888);
 
        TextView textView_java_background1 = (TextView) findViewById(R.id.textView_java_background1);
        textView_java_background1.setTextColor(Color.RED);
        textView_java_background1.setBackgroundResource(R.color.gray);
    }
 
    int dp2px(Context context, float dp) {
        float scale = context.getResources().getDisplayMetrics().density;
        return (int) (dp * scale + 0.5f);
    }
 
    int px2dip(Context context, int px) {
        float scale = context.getResources().getDisplayMetrics().density;
        return (int) (px / scale + 0.5f);
    }
}

xml：

res/layout/activity_main.xml


<?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"
    tools:context=".MainActivity">
 
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_margin="10dp"
        android:orientation="vertical">
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="1"
            android:orientation="vertical">
            <TextView
                android:id="@+id/textView"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="5dp"
                android:text="@string/textView_hello"/>
            <TextView
                android:id="@+id/textView_px"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="5dp"
                android:textSize="20px"
                android:text="文本视图xml设置textSize:20px" />
            <TextView
                android:id="@+id/textView_dp"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="5dp"
                android:textSize="20dp"
                android:text="文本视图xml设置textSize:20dp"
                android:background="@color/blue"/>
            <TextView
                android:id="@+id/textView_sp"
                android:layout_width="350dp"
                android:layout_height="wrap_content"
                android:layout_marginTop="5dp"
                android:textSize="20sp"
                android:text="文本视图xml设置textSize:20sp"
                android:background="@color/blue"/>
            <TextView
                android:id="@+id/textView_setTextSize"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="5dp"
                android:text="文本视图Java setTextSize:20sp"/>
            <TextView
                android:id="@+id/textView_setLayoutParams"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="5dp"
                android:text="setLayoutParams"/>
        </LinearLayout>
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="1"
            android:layout_marginTop="20dp"
            android:orientation="vertical">
            <TextView
                android:id="@+id/textView_xml"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:textColor="#FF0000"
                android:text="文本视图：使用xml #FF0000指定红色"/>
            <TextView
                android:id="@+id/textView_res_color"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:textColor="@color/red"
                android:text="文本视图：使用xml @color/red指定红色"/>
            <TextView
                android:id="@+id/textView_java_color"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="文本视图：使用java Color.RED指定红色"/>
            <TextView
                android:id="@+id/textView_java_color1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="文本视图：使用java 0xFFFF0000指定红色"/>
            <TextView
                android:id="@+id/textView_xml_background"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:textColor="@color/red"
                android:background="@color/gray"
                android:text="文本视图：使用xml指定红色文字，灰色背景"/>
            <TextView
                android:id="@+id/textView_java_background"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="文本视图：使用java函数setBackgroundColor背景色"/>
            <TextView
                android:id="@+id/textView_java_background1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="文本视图：使用java函数setBackgroundResource背景色"/>
        </LinearLayout>
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="1"
            android:layout_marginTop="20dp"
            android:orientation="vertical">
            <TextView
                android:id="@+id/textView_gravity1"
                android:layout_width="match_parent"
                android:layout_height="40dp"
                android:background="@color/gray"
                android:gravity="left"
                android:text="控件内部对齐方式：left"/>
            <TextView
                android:id="@+id/textView_gravity2"
                android:layout_width="match_parent"
                android:layout_height="40dp"
                android:layout_marginTop="5dp"
                android:background="@color/gray"
                android:gravity="right"
                android:text="控件内部对齐方式：right"/>
            <TextView
                android:id="@+id/textView_gravity3"
                android:layout_width="match_parent"
                android:layout_height="40dp"
                android:layout_marginTop="5dp"
                android:background="@color/gray"
                android:gravity="center"
                android:text="控件内部对齐方式：center"/>
            <TextView
                android:id="@+id/textView_gravity4"
                android:layout_width="match_parent"
                android:layout_height="40dp"
                android:layout_marginTop="5dp"
                android:background="@color/gray"
                android:gravity="bottom"
                android:text="控件内部对齐方式：bottom"/>
        </LinearLayout>
    </LinearLayout>
 
</androidx.constraintlayout.widget.ConstraintLayout>

res/values/colors.xml中添加


    <color name="white">#FFFFFFFF</color>
    <color name="red">#FFFF0000</color>
    <color name="green">#FF00FF00</color>
    <color name="blue">#FF0000FF</color>
    <color name="gray">#FF888888</color>

res/values/strings.xml


<resources>
    <string name="app_name">TextView Test</string>
    <string name="textView_hello">Hello World!</string>
</resources>

模拟器上运行

源码

百度网盘链接:百度网盘请输入提取码提取码:test

github下载地址：

GitHub - liuzhengliang1102/AndroidStudio-LearnAppDevelopment

点此查看Android应用开发学习笔记的完整目录

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/煮酒与君饮/article/detail/820776