【Android】基础篇:Android中TextView控件学习

大家好,我是皮皮猫吖。
每文一言: 我不去想是否能够成功,既然选择了远方,便只顾风雨兼程。


本篇文章:

主要是关于TextView控件的学习。

正文如下:

根据TextView控件进行如下相关操作

【Android】基础篇:Android中TextView控件学习_第1张图片

案例1:文字大小、颜色

代码:

<TextView    
    android:id="@+id/tv_1"     id属性
    android:layout_width="wrap_content"         宽度属性    
    android:layout_height="wrap_content"        高度属性
    android:text="皮皮猫吖"                 文本内容属性
    android:textColor="#000000"                     文字颜色属性:黑色
    android:textSize="24sp"    />                     文字大小属性:24sp
<!--    
    text:设置文本内容    
    textSize:设置字体大小(字体大小单位:sp)
    textColor:设置字体颜色-->

效果展示:
在这里插入图片描述

案例2:显示不下使用…

代码:

<TextView    
    android:id="@+id/tv_2"    
    android:layout_width="100dp"    
    android:layout_height="wrap_content"    
    android:layout_marginTop="10dp"  
    
    下面两行是显示不下使用...的关键代码
    android:ellipsize="end"    
    android:maxLines="1"    
    
    android:text="看到此篇博客的博友更帅,更有钱,更漂亮"
   
    android:textSize="24sp"    
    android:textColor="#000000" />

<!--    
    maxLines:设置最大行数    
    ellipsize:一行中没有出现的,用...表示-->

效果展示:
在这里插入图片描述

案例3:文字+icon(这是一张图片)

代码:

<TextView    
    android:id="@+id/tv_3"    
    android:layout_width="wrap_content"    
    android:layout_height="wrap_content"    
    android:layout_marginTop="10dp"  
    
    关键代码:
    android:drawableRight="@drawable/icon"    
    
    android:drawablePadding="10dp"    
    android:text="皮皮猫吖"    
    android:textColor="#000000"    
    android:textSize="24sp"    />    

<!--    注意:        
    此时插入的文件必须是英文才可以,中文数字都不行        
    drawableRight:在右边放了一个drawableRight中的图片    -->

解释: 需要在res的->drawable插入一张图片(该图片的名字,必须需要用英文和几个特殊符号,中文,数字会报错)如下位置:
【Android】基础篇:Android中TextView控件学习_第2张图片
效果展示:
在这里插入图片描述

案例4:中划线,下划线

中划线代码:

<TextView   
    android:id="@+id/tv_4"    
    android:layout_width="wrap_content"    
    android:layout_height="wrap_content"    
    android:text="看到此篇博客的博友更帅,更有钱,更漂亮"    
    android:textColor="#000000"    
    android:textSize="24sp"    
    android:layout_marginTop="10dp"    />

下划线代码:

<TextView    
    android:id="@+id/tv_5"    
    android:layout_width="wrap_content"    
    android:layout_height="wrap_content"    
    android:text="皮皮猫吖"    
    android:textSize="24sp"    
    android:textColor="#000000"    
    android:layout_marginTop="10dp"    />

注意:在.xml文件中,没有中划线,下划线操作。中划线,下划线,需要在对应的.java文件中添加内容。找到.java文件
【Android】基础篇:Android中TextView控件学习_第3张图片
对应的.java文件中代码:
【Android】基础篇:Android中TextView控件学习_第4张图片
效果展示:(此效果在虚拟机可以看到)
如果你的虚拟机打开太卡的话,请看真机调试:https://blog.csdn.net/qq_44366571/article/details/107264461

【Android】基础篇:Android中TextView控件学习_第5张图片
补充:
产生下划线还有另外一个方法,通过Html代码,实现下划线:
下划线代码:

<TextView    
    android:id="@+id/tv_6"    
    android:layout_width="wrap_content"    
    android:layout_height="wrap_content"    
    android:text="你知道的越多,你不知道的越多"    
    android:textSize="24sp"    
    android:textColor="#000000"    
    android:layout_marginTop="10dp"    />

在.java文件中补充代码:
【Android】基础篇:Android中TextView控件学习_第6张图片
效果展示:
在这里插入图片描述

案例5:跑马灯

代码:

<TextView    
    android:id="@+id/tv_7"    
    android:layout_width="wrap_content"    
    android:layout_height="wrap_content"    
    android:text="皮皮猫吖皮皮猫吖皮皮猫吖皮皮猫吖皮皮猫吖皮皮猫吖皮皮猫吖皮皮猫吖皮皮猫吖"   
    android:textColor="#000000"    
    android:textSize="24sp"    
    android:layout_marginTop="10dp"    
    
    关键代码:
    android:singleLine="true"    
    android:ellipsize="marquee"    
    android:marqueeRepeatLimit="marquee_forever"    
    android:focusable="true"    
    android:focusableInTouchMode="true"    />    

<!--        
1. singleLine="true":文字长度长于可显示范围        
2. ellipsize="marquee":设置样式             
    设置当文字过长时,该控件该如何显示。有如下值设置:            
        ”start”—–省略号显示在开头;             
        ”end”——省略号显示在结尾;             
        ”middle”—-省略号显示在中间;             
        ”marquee” ——以跑马灯的方式显示(动画横向移动)        
    注意:TextView只有在获得焦点后才会滚动显示隐藏文字,        
3. marqueeRepeatLimit="marquee_forever":            
    在ellipsize指定marquee情况下,设置重复滚动次数:marquee_forever:无限次        
4. focusable="true":能否获得焦点        
5. focusableInTouchMode="true":滚动能否获得焦点    -->

注意:运行此代码,可以观察虚拟机中是否出现跑马灯效果,如果未出现的话,请添加下面代码到对应的.java文件中
【Android】基础篇:Android中TextView控件学习_第7张图片
效果展示:展示的是上述所有内容,最下面一行就是跑马灯的效果
【Android】基础篇:Android中TextView控件学习_第8张图片


完结,撒花…

本片文章到这里就结束了,更多Android Studio的学习内容,持续更新中…

作者:皮皮猫吖


你可能感兴趣的:(Android)