13 文本框——TextView

前面 6 节分别学习了 Android 的六大布局,它的功能就是将 View 及 ViewGroup 按照一定的规则摆放起来,那么接下来的章节我们就来学习 Android 中常见的 View。
首先我们看看 TextView,它是 Android 中很常用的 View,用来展示文本信息。它通常会其他的 View 一起搭配使用,用来作为提示信息。比如我们前面做过的登陆界面,就会搭配 EditText,显示输入的内容提示。

1. TextView 的基本属性

  • android:text:
    用来定义TextView上要展示的文本内容
  • android:textSize:
    设置TextView显示文本的字体大小
  • android:textColor:
    设置TextView显示文本的颜色
  • android:textAllCaps:
    设置文本是否全是大写,true表示大写,false表示保持原样
  • android:letterSpacing:
    设置每个字之间的间距
  • android:hint:
    设置一个默认文本作为,当没有设置文本内容的时候会展示在 TextView 当中。很多时候我们的TextView会根据服务端的内容动态设置,此时就可以通过android:hint为 TextView 设置一个默认值,在没有拉到服务器数据的时候展示默认文本。

以上是最常用的属性,大多数场景已经足够,通过这些属性我们就可以展示我们需要的文本信息了,如下:

<TextView  xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_height="wrap_content"
    android:layout_width="wrap_content"
    android:padding="20dp"
    android:text="跟着超哥学Android"
    android:textColor="#CE4F2F"
    android:textSize="40sp"
    />

注意:通常我们的xml最外层是一个 ViewGroup,它帮我们摆放各种 View,但是如果只有一个 View 的时候,是可以直接放在 xml 里面的。
代码比较简单,直接看效果:

TextView基本样式

2. TextView 的高级属性

也许你并不满足于普通样式的 TextView,那么接下来介绍一些高级属性,让你的文本框更多丰富生动。

  • android:capitalize:
    指定输入首字母大写的方式,不过目前已弃用,如果需要设置可以使用后面将会学到的 EditText。支持以下四个枚举值:
    • 0: 不需要首字母大写
    • 1: 每一句话首字母大写
    • 2: 每个单词的首字母大写
    • 3: 每个字母都需要大写
  • android:inputType
    设置文本的类型,比如可以指定显示电话、日期、时间、数字、或者密码等等
  • android:shadowColor
    设置阴影颜色,需要配合 shadowRadius 一起使用
  • android:shadowRadius
    文字阴影的模糊半径
  • android:shadowDx:
    设置阴影在水平方向上的偏移量
  • android:shadowDy:
    设置阴影在竖直方向上的偏移量
  • android:background:
    设置文本的背景,可以直接设置图片,也可以设置 drawable 资源

2.1 TextView 的阴影效果

下面我们加上一些高级属性,可以做出不同寻常的效果:

<TextView xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_centerInParent="true"
    android:padding="20dp"
    android:shadowColor="#5919C9"
    android:shadowDx="20.0"
    android:shadowDy="20.0"
    android:shadowRadius="4.5"
    android:text="跟着超哥学Android"
    android:textColor="#BECF0B"
    android:textSize="40sp" />

我们在第一个 demo 的基础之上加上了阴影效果,如图:

TextView阴影效果

2.2 TextView 的背景

针对 TextView 有一个android:background属性,可以为我们的文本框设置一个自定义的背景图,通常有两种设置方法:

  • 直接设置一个图片作为背景图;

  • 设置一个 drawable 资源。
    (关于 drawable 的介绍可以参考第四节)
    直接设置图片比较好理解,就不做过多的演示,大家可以自行尝试,这里主要讲解一下采用 drawable 资源的用法。

    1. 首先我们找到“src” -> “main” -> “res” -> “drawable”目录,在里面右键新建一个“Drawable Resource File”,输入文件名:text_background
    2. 可能 IDE 会默认生成部分代码,比如<selector/>,删除默认生成的代码,添加一个<shape/>标签,用来指定 TextView 的外形
    3. <shape/>标签中添加<stroke/>,设置 TextView 外形的边框样式,设置边框的宽度和颜色
    4. <shape/>中继续添加<padding/>标签,用来设置 TextView 中文本和边框的距离
    5. 最后在<shape/>标签中添加<gradient/>,为 TextView 的背景添加色彩渐变

最终整体代码修改如下:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">

    <!-- 设置边框颜色和宽度 -->
    <stroke
        android:width="10dp"
        android:color="#000000" />

    <!-- 设置边距 -->
    <padding
        android:bottom="5dp"
        android:left="5dp"
        android:right="5dp"
        android:top="5dp" />

    <!-- 添加渐变效果 -->
    <gradient
        android:angle="45"
        android:endColor="#EEC5C5"
        android:startColor="#0A22A5" />

</shape>

至此,drawable 资源编写完毕,我们就可以在 TextView 中使用了。直接修改TextView的代码,添加android:background属性:

<TextView xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_centerInParent="true"
    android:background="@drawable/text_backgroud"
    android:padding="20dp"
    android:shadowColor="#5919C9"
    android:shadowDx="20.0"
    android:shadowDy="20.0"
    android:shadowRadius="4.5"
    android:text="跟着超哥学Android"
    android:textColor="#BECF0B"
    android:textSize="40sp" />

最终效果:

TextView背景效果

3. 小结

TextView 是最常用的一个 Android 原生 View,虽然它的特效属性比较多,但是其实工作中可能大部分时候还是只会用基本属性,所以更多的特效大家只需要了解即可。后面将要学习的很多控件都是基于 TextView 来设计开发的,会有很多的共同之处,希望大家学完之后能够动手实践一些样式,比如搭配前面学习的各种 Layout 来使用,试试不看例子,自己实现一个登陆页面吧。

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 159,569评论 4 363
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,499评论 1 294
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 109,271评论 0 244
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 44,087评论 0 209
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,474评论 3 287
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,670评论 1 222
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,911评论 2 313
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,636评论 0 202
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,397评论 1 246
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,607评论 2 246
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,093评论 1 261
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,418评论 2 254
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,074评论 3 237
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,092评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,865评论 0 196
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,726评论 2 276
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,627评论 2 270

推荐阅读更多精彩内容