常用UI组件(widgets)之文本框(TextView)（一）

逃离我推掉我的手 2022-08-06 14:29 217阅读 0赞

（1）TextView是Android中最基础常见的视图组件，主要用于显示文字提示。

如下main.xml文件：

</pre><pre name="code" class="html"><?xml version="1.0" encoding="utf-8"?>
    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:context=".MainActivity">
    
        <TextView
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_centerHorizontal="true"
            android:layout_centerVertical="true"
            android:id="@+id/text"
            android:text="@string/name_text"/>
        
    
    </RelativeLayout>

</pre></p><p><span style="font-family:Microsoft YaHei;font-size:14px;">下图是TextView类的结构关系图：</span></p><p><table border="1" width="200" cellspacing="1" cellpadding="1"><tbody><tr><td>java.lang.Object</td></tr><tr><td><table border="1" width="200" cellspacing="1" cellpadding="1"><tbody><tr><td>        android.view.View      </td></tr></tbody></table>                    android.widget.TextView                 </td></tr></tbody></table><span style="font-family:Microsoft YaHei;font-size:14px;">从关系图中可以知道TextView的直接父类是android.view.View。其实在Android中View类是所有视图组件类的父类，View包含了用户交互和显示，类似于Windows操作系统中的窗口。TextView的直接子类有按钮Button,文本编辑框EditText等，间接子类有自动完成提示的AutoCompleteTextView,复选框CheckBox等。</span></p><p><span style="font-family:Microsoft YaHei;font-size:14px;"><1>android:layout_centerHorizontal="true"表示TextView在父布局（RelativeLayout）中垂直居中显示；</span></p><p><span style="font-family:Microsoft YaHei;font-size:14px;"><2>android:layout_centerVertical="true"<span style="font-family: 'Microsoft YaHei';font-size:14px;">表示TextView在父布局（RelativeLayout）中水平居中显示；</span></span></p><p><span style="font-family:Microsoft YaHei;font-size:14px;">（2）使用XML为TextView设置文字的颜色，字体和文字大小等属性</span></p><p><span style="font-family:Microsoft YaHei;font-size:14px;">修改上面的main.xml布局文件</span></p><p><span style="font-family:Microsoft YaHei;font-size:14px;"></span><pre name="code" class="html"><pre name="code" class="html"><?xml version="1.0" encoding="utf-8"?>
    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:context=".MainActivity">
    
        <TextView
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_centerHorizontal="true"
            android:layout_centerVertical="true"
            android:id="@+id/text"
            android:text="@string/name_text"
    
            android:textColor="#0000c6"
            android:textStyle="bold"
            android:textSize="25px"/>
        
    </RelativeLayout>

Android中的颜色值是十六进制的GRB.

<1>android:"@+id/text"表示对TextView的唯一标识，有了id后就可以在Java代码中创建该TextView的实例对象；

<2>android:textColor="\#0000c6"表示为TextView中的文字设置颜色，这里设置颜色为蓝色；

<3>android:textStyle="bold"表示设置TextView中的文字的字体，这里设置成粗体；

<4>android：textSize="25px"表示设置TextView中的文字的大小，这里设置为25px;

（3）让文本网址自动链接到互联网

平时上网时单击一个类似于"http://www.xxx.com"的网址后就会跳转到该网站，然后可以看到网站返回的内容，在Android的TextView视图组件中有一个autolink属性用于单击TextView中给定的网址后跳转到该网址对应的网站，然后就可以看到此网站的内容。修改main.xml文件：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:context=".MainActivity">
    
        <TextView
            android:id="@+id/text"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerHorizontal="true"
            android:layout_centerVertical="true"
            
            android:autoLink="all"
            android:text="www.baidu.com"
    
            android:textColor="#0000c6"
            android:textStyle="bold"
            android:textSize="25px"/>
    
    </RelativeLayout>

<1>android:text="www.baidu.com"是要访问的网址

<2>android:autoLink="all"表示自动链接到指定的网址，这里的all表示匹配所有的链接

![Center][] ![Center 1][]

TextView的android：autoLink的链接属性值的种类如下表所示：

<table> 
 <tbody> 
  <tr> 
   <td>autoLink的属性值</td> 
   <td>作用</td> 
  </tr> 
  <tr> 
   <td>all</td> 
   <td>表示匹配一切的链接方式</td> 
  </tr> 
  <tr> 
   <td>None</td> 
   <td>表示不匹配任何链接方式</td> 
  </tr> 
  <tr> 
   <td>Phone</td> 
   <td>表示匹配电话号码链接方式</td> 
  </tr> 
  <tr> 
   <td>Email</td> 
   <td>表示匹配电子邮件链接方式</td> 
  </tr> 
  <tr> 
   <td>Web</td> 
   <td>表示匹配互联网网址链接方式</td> 
  </tr> 
  <tr> 
   <td>Map</td> 
   <td>表示匹配映射地址链接方式</td> 
  </tr> 
 </tbody> 
</table>

当在TextView标签中的android：autoLink设置了表格中的属性值后，如果文本值匹配设置的属性值，那么Android系统会根据这个链接调用Android内部集成的对应处理软件，将这些文本值转成可以单击的链接，用户单击后就可以导航到相应的界面。

[Center]: https://img-blog.csdn.net/20150202211459498?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvYmVuYmVuNTEzNjI0/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center
[Center 1]: /images/20220806/934353810d5249e4a381414c255715ba.png

发表评论取消回复

表情：

评论列表（有 0 条评论，217人围观）

还没有评论，来说两句吧...

相关阅读

相关 Flutter 组件之Widget、Center、Text、MaterialApp、Scaffold 常用属性总结

初识flutter结构 > flutter 项目结构 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10

╰+攻爆jí腚メ/ 2023年07月15日 11:27/ 0 赞/ 22 阅读

相关 Android 常用UI组件

> 作者：[Bright Xu][] 文章目录布局管理器 1. 线性布局 LinearLayout 2. 相对布

灰太狼/ 2023年06月23日 13:24/ 0 赞/ 20 阅读

相关 vue 常用ui组件库

vux github ui demo:https://github.com/airyland/vux Mint UI 项目主页:http://mint-ui.github

- 日理万妓/ 2023年01月10日 10:28/ 0 赞/ 171 阅读

相关 MFC 常用UI组件使用

Button ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9

Love The Way You Lie/ 2022年12月28日 08:25/ 0 赞/ 141 阅读

相关 android入门（一）---UI组件之文本框（TextView）

以前学习Android不做笔记，有的甚至只是看看就过去了，都不实际操作一遍。一段时间以后已经遗忘了，尤其是学到后面需要综合运用的时候，就感觉到什么都不会了。这或

女爷i/ 2022年08月09日 11:59/ 0 赞/ 280 阅读

相关常用UI组件(widgets)之文本框(TextView)（一）

（1）TextView是Android中最基础常见的视图组件，主要用于显示文字提示。如下main.xml文件： </pre><pre name="code" cl

逃离我推掉我的手/ 2022年08月06日 14:29/ 0 赞/ 218 阅读

相关 vue 常用ui组件库

vux github ui demo:[https://github.com/airyland/vux][https_github.com_airyland_vux] Mi

Myth丶恋晨/ 2022年06月04日 01:24/ 0 赞/ 293 阅读

相关 Material Design Lite组件之文本框

1.介绍 Material Design Lite（MDL）文本框组件是标准HTML <input type =“text”>和<input type =“textare

以你之姓@/ 2022年05月23日 02:44/ 0 赞/ 230 阅读

相关微信小程序常用UI组件库

开发微信小程序的过程中，选择一款好用的组件库，可以达到事半功倍的效果。自从微信小程序面世以来，不断有一些开源组件库出来，下面5款就是排名比较靠前，用户使用量与关注度比较高的小程

川长思鸟来/ 2022年03月19日 03:25/ 0 赞/ 339 阅读

相关 Android TextView：文本框控件

文本框（TextView）是用于在界面上显示文字的组件，其显示的文本不可被用户直接编辑。程序开发人员可以设置 TextView 的字体大小、颜色、样式等属性。在工程

旧城等待，/ 2021年12月09日 23:09/ 0 赞/ 393 阅读