Android开发入门组件（一）——TextView

最新推荐文章于 2024-04-27 17:50:28 发布

原创最新推荐文章于 2024-04-27 17:50:28 发布 · 488 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#安卓 #安卓组件 #TextView

安卓开发专栏收录该内容

34 篇文章

订阅专栏

博主分享安卓开发中TextView组件学习笔记。涵盖文字、颜色、大小设置，显示不下用省略号，文字搭配图标，中划线与下划线设置，以及文字轮播跑马灯效果的实现方法，还提及颜色选取可用在线取色器等内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近在学习安卓开发，顺便把自己的学习笔记写在这里，按需自取哈，也是日后复习的一个路子。

先从基础的组件开始学习，第一个就是TextView，用来放文字显示的用，具体按下面来写

首先看一个完整的TextView的写法

 <TextView
        android:id="@+id/tv1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Demo TextView"
        android:textColor="#5731F0"
        android:textSize="20sp"
        android:layout_marginBottom="10dp"/>

（1）文字、文字颜色、大小

 <TextView
        android:id="@+id/tv1" //组件的ID
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Demo TextView" //TextView的文字
        android:textColor="#5731F0"   //TextView的文字的颜色
        android:textSize="20sp"      //TextView的文字的大小
        android:layout_marginBottom="10dp"/>

对于颜色的选取可以选用对应颜色的RGB色值来选择，在线取色器（可以取到颜色对应的RGB的代码，直接拿过来用即可）

在线取色器连接

（2）显示不下使用...

<TextView
        android:id="@+id/tv2"
        android:layout_width="100dp"  //TextView组件的宽度
        android:layout_height="wrap_content"
        android:maxLines="1"   //只能显示1行
        android:ellipsize="end"   //缩略的形式
        android:text="Demo TextView"
        android:textColor="#6576BD"
        android:textSize="20sp"
        android:layout_marginBottom="10dp"/>

android:layout_width="100dp" //TextView组件的宽度
android:maxLines="1" //只能显示1行
android:ellipsize="end" //缩略的形式

如图

主要由这三个属性来决定显示不下使用....省略

（3）文字+icon

对于文字可以搭配图标来使用，首先先下载好PNG图片复制到drawable文件目录下，如图

然后在代码中申明即可，见下

<TextView
        android:id="@+id/tv3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Demo TextView"
        android:textColor="#6576BD"
        android:textSize="20sp"
        android:layout_marginBottom="10dp"
        android:drawableLeft="@drawable/arrow"   //图片的地址
        android:drawablePadding="2dp"/>

效果如图，左边就是添加的图片

（4）中划线、下划线

中划线和下划线需要在xml对应的java文件中声明，故只能在生成的APP调试中查看（虚拟机），代码预览中看不到效果

直接上代码

xml代码

<TextView
        android:id="@+id/tv4"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Demo TextView"
        android:textColor="#6576BD"
        android:textSize="20sp"
        android:layout_marginBottom="10dp"/>

    <TextView
        android:id="@+id/tv5"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Demo TextView"
        android:textColor="#6576BD"
        android:textSize="20sp"
        android:layout_marginBottom="10dp"/>

java代码


public class TextViewActivity extends AppCompatActivity {

    TextView tv4,tv5;  //定义组件
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_textview);
        tv4=findViewById(R.id.tv4);  //找到组件对应的ID
        tv5=findViewById(R.id.tv5);  //找到组件对应的ID
        tv4.getPaint().setFlags(Paint.STRIKE_THRU_TEXT_FLAG);//设置中划线
        tv4.getPaint().setAntiAlias(true);//去掉锯齿
        tv5.getPaint().setFlags(Paint.UNDERLINE_TEXT_FLAG);//设置下划线

    }
}

效果如下，需要在运行代码之后在虚拟机上能看到效果

（5）进行文字的轮播跑马灯（类似于商店的那种LED轮播广告一样）

上代码，主要是那5行

<TextView
        android:id="@+id/tv6"
        android:layout_width="300dp"
        android:layout_height="wrap_content"
        android:ellipsize="marquee"  //设置跑马灯方式 
        android:singleLine="true"    //单行
        android:marqueeRepeatLimit="marquee_forever" //循环次数为无穷
        android:focusable="true"    //聚焦
        android:focusableInTouchMode="true"  //聚焦模式
        android:text="Demo TextView  Demo TextView  Demo TextView"
        android:textColor="#6576BD"
        android:textSize="20sp"
        android:layout_marginBottom="10dp"/>