TextView实战之你真的懂我么？

不要以为别人是赢在了起跑线上，他们其实生在了终点。

写在前面的话

对于TextView,我想大家都已经熟的不能再熟了。但是它的用法我们真的熟么？为了避免总是一言不合就去翻官方文档，在这里我总结一下我也可能是你容易忽视的一些细节.

TextView设置基础

字符串资源里变量替换

Android开发中是拒绝硬编码的，我们可能会把一些字符串放在xml中当作资源使用，假设有如下情况：

<string name="welcome">你好A，欢迎使用我们的App。</string>

我们在程序中需要使用这个字符串，但是A是一个变量，很常规的办法是取出这个字符串，然后用String的replace方法把A替换成用户的昵称。

其实，在android中有这样一个东西，那就是 XLIFF，全称叫 XML 本地化数据交换格式，英文全称 XML Localization Interchange File Format。

用法也是很简单的，如

<string name="welcome">你好%1$s，欢迎使用我们的App。</string>

程序中只要给变量赋值就可以了，如

String welcome = getString(R.string.welcome, "小丸子");

把字符串打印出来如下

这里的1代表第一个变量，多个变量的话依次递增即可。

TextView xml文件可配置的属性

android:autoLink    设置是否当文本为URL链接/email/电话号码/map时，文本显示为可点击的链接。可选值(none/web/email/phone/map/all)  android:autoText    如果设置，将自动执行输入值的拼写纠正。此处无效果，在显示输入法并输入的时候起作用。  android:bufferType  指定getText()方式取得的文本类别。选项editable 类似于StringBuilder可追加字符，  也就是说getText后可调用append方法设置文本内容。spannable 则可在给定的字符区域使用样式，参见这里1、这里2。  android:capitalize  设置英文字母大写类型。此处无效果，需要弹出输入法才能看得到，参见EditView此属性说明。  android:cursorVisible   设定光标为显示/隐藏，默认显示。  android:digits  设置允许输入哪些字符。如“1234567890.+-*/%\n()”  android:drawableBottom  在text的下方输出一个drawable，如图片。如果指定一个颜色的话会把text的背景设为该颜色，并且同时和background使用时覆盖后者。  android:drawableLeft    在text的左边输出一个drawable，如图片。  android:drawablePadding 设置text与drawable(图片)的间隔，与drawableLeft、drawableRight、drawableTop、drawableBottom一起使用，可设置为负数，单独使用没有效果。  android:drawableRight   在text的右边输出一个drawable，如图片。  android:drawableTop 在text的正上方输出一个drawable，如图片。  android:editable    设置是否可编辑。这里无效果，参见EditView。  android:editorExtras    设置文本的额外的输入数据。在EditView再讨论。  android:ellipsize   设置当文字过长时,该控件该如何显示。有如下值设置：”start”—–省略号显示在开头；”end”——省略号显示在结尾；”middle”—-省略号显示在中间；”marquee” ——以跑马灯的方式显示(动画横向移动)  android:freezesText 设置保存文本的内容以及光标的位置。参见：这里。  android:gravity 设置文本位置，如设置成“center”，文本将居中显示。  android:hint    Text为空时显示的文字提示信息，可通过textColorHint设置提示信息的颜色。此属性在EditView中使用，但是这里也可以用。  android:imeOptions  附加功能，设置右下角IME动作与编辑框相关的动作，如actionDone右下角将显示一个“完成”，而不设置默认是一个回车符号。这个在EditView中再详细说明，此处无用。  android:imeActionId 设置IME动作ID。在EditView再做说明，可以先看这篇帖子：这里。  android:imeActionLabel  设置IME动作标签。在EditView再做说明。  android:includeFontPadding  设置文本是否包含顶部和底部额外空白，默认为true。  android:inputMethod 为文本指定输入法，需要完全限定名（完整的包名）。例如：com.google.android.inputmethod.pinyin，但是这里报错找不到。  android:inputType   设置文本的类型，用于帮助输入法显示合适的键盘类型。在EditView中再详细说明，这里无效果。  android:marqueeRepeatLimit  在ellipsize指定marquee的情况下，设置重复滚动的次数，当设置为marquee_forever时表示无限次。  android:ems 设置TextView的宽度为N个字符的宽度。这里测试为一个汉字字符宽度，如图：   android:maxEms  设置TextView的宽度为最长为N个字符的宽度。与ems同时使用时覆盖ems选项。  android:minEms  设置TextView的宽度为最短为N个字符的宽度。与ems同时使用时覆盖ems选项。  android:maxLength   限制显示的文本长度，超出部分不显示。  android:lines   设置文本的行数，设置两行就显示两行，即使第二行没有数据。  android:maxLines    设置文本的最大显示行数，与width或者layout_width结合使用，超出部分自动换行，超出行数将不显示。  android:minLines    设置文本的最小行数，与lines类似。  android:linksClickable  设置链接是否点击连接，即使设置了autoLink。  android:lineSpacingExtra    设置行间距。  android:lineSpacingMultiplier   设置行间距的倍数。如”1.2”  android:numeric 如果被设置，该TextView有一个数字输入法。此处无用，设置后唯一效果是TextView有点击效果，此属性在EdtiView将详细说明。  android:password    以小点”.”显示文本  android:phoneNumber 设置为电话号码的输入方式。  android:privateImeOptions   设置输入法选项，此处无用，在EditText将进一步讨论。  android:scrollHorizontally  设置文本超出TextView的宽度的情况下，是否出现横拉条。  android:selectAllOnFocus    如果文本是可选择的，让他获取焦点而不是将光标移动为文本的开始位置或者末尾位置。TextView中设置后无效果。  android:shadowColor 指定文本阴影的颜色，需要与shadowRadius一起使用。效果：    android:shadowDx    设置阴影横向坐标开始位置。  android:shadowDy    设置阴影纵向坐标开始位置。  android:shadowRadius    设置阴影的半径。设置为0.1就变成字体的颜色了，一般设置为3.0的效果比较好。  android:singleLine  设置单行显示。如果和layout_width一起使用，当文本不能全部显示时，后面用“…”来表示。如android:text="test_ singleLine " android:singleLine="true" android:layout_width="20dp"将只显示“t…”。如果不设置singleLine或者设置为false，文本将自动换行  android:text    设置显示文本.  android:textAppearance  设置文字外观。如“?android:attr/textAppearanceLargeInverse  ”这里引用的是系统自带的一个外观，？表示系统是否有这种外观，否则使用默认的外观。可设置的值如下：textAppearanceButton/textAppearanceInverse/textAppearanceLarge/textAppearanceLargeInverse/textAppearanceMedium/textAppearanceMediumInverse/textAppearanceSmall/textAppearanceSmallInverse  android:textColor   设置文本颜色  android:textColorHighlight  被选中文字的底色，默认为蓝色  android:textColorHint   设置提示信息文字的颜色，默认为灰色。与hint一起使用。  android:textColorLink   文字链接的颜色.  android:textScaleX  设置文字之间间隔，默认为1.0f。分别设置0.5f/1.0f/1.5f/2.0f效果如下：  android:textSize    设置文字大小，推荐度量单位”sp”，如”15sp”  android:textStyle   设置字形[bold(粗体) 0, italic(斜体) 1, bolditalic(又粗又斜) 2] 可以设置一个或多个，用“|”隔开  android:typeface    设置文本字体，必须是以下常量值之一：normal 0, sans 1, serif 2, monospace(等宽字体) 3]   android:height  设置文本区域的高度，支持度量单位：px(像素)/dp/sp/in/mm(毫米)  android:maxHeight   设置文本区域的最大高度  android:minHeight   设置文本区域的最小高度  android:width   设置文本区域的宽度，支持度量单位：px(像素)/dp/sp/in/mm(毫米)，与layout_width的区别看这里。  android:maxWidth    设置文本区域的最大宽度  android:minWidth    设置文本区域的最小宽度  

TextView中设置多种字体大小

比如在项目中经常遇到如下UI，

像这样的两种字体大小放到一个TextView中，我们应该如何处理呢？需要用到 android.text 命名空间下的一些与 spannable相关的类和接口。如下：

String text = "您已经连续走了5963步";int start = text.indexOf('5');int end = text.length();Spannable textSpan = new SpannableStringBuilder(text);textSpan.setSpan(new AbsoluteSizeSpan(16), 0, start, Spannable.SPAN_INCLUSIVE_INCLUSIVE);textSpan.setSpan(new AbsoluteSizeSpan(26), start, end - 1, Spannable.SPAN_INCLUSIVE_INCLUSIVE);textSpan.setSpan(new AbsoluteSizeSpan(16), end - 1, end, Spannable.SPAN_INCLUSIVE_INCLUSIVE);TextView textView = (TextView) findViewById(R.id.text);textView.setText(textSpan);

这个经过转化过的textSpan就是我们需要的。

TextView中设置超链接

这个比较简单，设置我们上边提到的android:autoLink属性，默认为none。该属性的几个常量如下：

代码中的设置方式：setAutoLinkMask(int)。

参数和上边列表对应，分别为：Linkify.WEB_URLS，Linkify.EMAIL_ADDRESSES，Linkify.PHONE_NUMBERS，Linkify.MAP_ADDRESSES，Linkify.ALL

但是需要注意的是，当我们需要定制超链接的跳转时应该怎么做？答案是还是选择Spannable。代码如下：

//将TextView的显示文字设置为SpannableStringtestText.setText(getClickableSpan());//设置该句使文本的超连接起作用testText.setMovementMethod(LinkMovementMethod.getInstance());//设置超链接文字private SpannableString getClickableSpan() {    SpannableString spanStr = new SpannableString("使用该软件，即表示您同意该软件的使用条款和隐私政策");    //设置下划线文字    spanStr.setSpan(new UnderlineSpan(), 16, 20, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);    //设置文字的单击事件    spanStr.setSpan(new ClickableSpan() {        @Override        public void onClick(View widget) {            startActivity(new Intent(MainActivity.this, UsageActivity.class));        }    }, 16, 20, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);    //设置文字的前景色    spanStr.setSpan(new ForegroundColorSpan(Color.GREEN), 16, 20, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);    //设置下划线文字    spanStr.setSpan(new UnderlineSpan(), 21, 25, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);    //设置文字的单击事件    spanStr.setSpan(new ClickableSpan() {        @Override        public void onClick(View widget) {            startActivity(new Intent(MainActivity.this, PrivacyActivity.class));        }    }, 21, 25, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);    //设置文字的前景色    spanStr.setSpan(new ForegroundColorSpan(Color.GREEN), 21, 25, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);    return spanStr;}

运行效果如下图：

插入图片

Android中可以使用TextView的drawableXXX属性在文字周围插入图片。图片和文字之间的间距可以通过android:drawablePadding来设置。

xml中属性为:

android:drawableLeftandroid:drawableTopandroid:drawableRightandroid:drawableBottom

代码中的设置方式：setCompoundDrawablesWithIntrinsicBounds(int left, int top, int right, int bottom)。

left，top等需传入资源id，不需要的话传0.

阴影

Android中设置阴影也比较简单，xml中可以这样设置：

android:shadowColor //指定文本阴影的颜色android:shadowDx //设置阴影横向坐标开始位置android:shadowDy //设置阴影纵向坐标开始位置android:shadowRadius //设置阴影的半径。设置为0.1会变成字体的颜色

代码中通过方法public void setShadowLayer (float radius, float dx, float dy, int color)来设置。

我的参数是这样的：

android:shadowColor="#ffffff"android:shadowDx="15.0"android:shadowDy="5.0"android:shadowRadius="2.5"

效果如下图：

字体加粗或者倾斜

在xml布局文件中使用android:textStyle=”bold”可以将文字设置成粗体。在代码中设置的方法是：使用TextPaint的仿“粗体”设置setFakeBoldText为true。示例代码如下：

tv.getPaint().setFakeBoldText(true);

textstyle可设置的属性有：

italic为倾斜，多属性可用”|”分开。

文字过长显示省略号或者跑马灯效果

android:maxEms="6" //限制显示的字符长度android:singleLine="true" //单行显示android:ellipsize="end"//在结尾用省略号

android:ellipsize设置当文字过长时,该控件该如何显示。有如下值设置：

• ”start”—–省略号显示在开头；
• ”end”——省略号显示在结尾；
• ”middle”—-省略号显示在中间；
• ”marquee” ——以跑马灯的方式显示(动画横向移动)

android:marqueeRepeatLimit 在ellipsize指定marquee的情况下，设置重复滚动的次数，当设置为marquee_forever时表示无限次。实现需要控件获得焦点。

示例代码：

android:marqueeRepeatLimit="marquee_forever"android:ellipsize="marquee"android:singleLine="true"android:focusableInTouchMode="true"android:focusable="true"

效果如下：

设置行间距

1、android:lineSpacingExtra
设置行间距，如”3dp”。

2、android:lineSpacingMultiplier
设置行间距的倍数，如”1.2″。

关于字体

我们可以通过设置android:typeface属性来控制字体，可以设置为normal, sans, serif, monospace四种。具体如下：

代码中可以通过setTypeface(Typeface)方法设置。但有时候我们的App可能需要使用特殊的字体，这时候怎么办呢？可以通过如下代码设置：

Typeface mTypeFace = Typeface.createFromAsset(getAssets(), "kaiti.ttf");textview.setTypeface(mTypeFace);

然后将我们的字体文件放到assets文件夹下。

但是需要注意的是，不要大量使用这种自定义字体，因为自定义字体会消耗更多的性能。

TextView中设置Html

TextView支持的Html标签

Textview只支持部分的html标签。具体如下：

<a href="...">  //定义链接内容<b> //定义粗体文字   b 是blod的缩写<big> //定义大字体的文字<blockquote> //引用块标签 <br> //定义换行<cite> //表示引用的URI<dfn> //定义标签  dfn 是defining instance的缩写<div align="..."><em> //强调标签  em 是emphasis的缩写<font color="..." face="...">  //不支持size属性<h1><h2><h3><h4><h5><h6><i> //定义斜体文字<img src="..."><p> // 段落标签,里面可以加入文字,列表,表格等<small> //定义小字体的文字<strike> // 定义删除线样式的文字   不符合标准网页设计的理念,不赞成使用.   strike是strikethrough的缩写<strong> //重点强调标签<sub> //下标标签   sub 是subscript的缩写<sup> //上标标签   sup 是superscript的缩写<tt> //定义monospaced字体的文字  不赞成使用.  此标签对中文没意义  tt是teletype or monospaced text style的意思<u> //定义带有下划线的文字  u是underlined text style的意思

显示多种颜色的字

Android支持html格式的字符串，通过调用Html.fromHtml(str)方法可以转换html格式的字符串str。示例代码如下：

TextView textth = (TextView) findViewById(R.id.textth);String textStr1 = "<font color=\"#123569\">如果有一天，</font>";String textStr2 = "<font color=\"#00ff00\">我悄然离去</font>";textth.setText(Html.fromHtml(textStr1 + textStr2));

效果如图：

字体加粗

字体加粗还可以通过设置html格式字符串来实现

String textStr1 = "<b>sdfa</b>";textth.setText(Html.fromHtml(textStr1));

插入图片

插入图片还可以用html字符串来实现。不过需要用到ImageGetter类来对图片的src属性进行转换。

代码如下：

String imgStr = "<b>sdfa</b><br><img src=\"" + R.mipmap.ic_launcher + "\"/>";Html.ImageGetter imageGetter = new Html.ImageGetter() {        @Override        public Drawable getDrawable(String source) {            int id = Integer.parseInt(source);            Drawable draw = getResources().getDrawable(id);            draw.setBounds(0, 0, 300, 200);            return draw;        } }; TextView textfi = (TextView) findViewById(R.id.textfiv); textfi.append(Html.fromHtml(imgStr, imageGetter, null));

效果如下图：

右边的sdfa是通过html来加粗的，下边的图片是通过html插入的。

结语

关注博主是一种态度，评论博主是一种欣赏！！

最后，欢迎大家关注我的微信公众号：CoderTopia。

参考链接：

http://developer.android.com/reference/android/widget/TextView.html

http://www.cnblogs.com/mxgsa/tag/TextView/

http://www.360doc.com/content/13/0620/17/12712639_294320421.shtml

http://blog.csdn.net/y1258429182/article/details/50806750