Android文本控件TextView

    |     2015年6月12日   |   Android UI界面   |     0 条评论   |    2096

Android 文本控件 TextView 是最常用、最基础的控件之一,主要用于显示文本。下面介绍需要掌握的常用属性:文本内容与颜色字号、内外边距、单行省略、跑马灯、垂直滚动,以及用 Spannable 做富文本。


一、常用属性

  • android:text=”@string/welcome_android” // 文本
  • android:textColor=”@android:color/holo_red_dark” // 字体颜色
  • android:textSize=”24sp” // 字体大小,sp 介绍参见 单位和尺寸

二、内边距与外边距

  • android:padding=”10dp”
  • android:layout_margin=”10dp”

QQ╜╪═╝20150612113525


三、单行与省略号

让 TextView 只显示一行,或文字超过长度时怎么处理?

开头省略

android:singleLine="true"
android:ellipsize="start"

结尾省略

android:singleLine="true"
android:ellipsize="end"

中间省略

android:singleLine="true"
android:ellipsize="middle"

QQ╜╪═╝20150612113952


四、横向自动滚动(跑马灯)

QQ╜╪═╝20150612114000

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

以上省略和跑马灯都要加上 android:singleLine="true",因为 TextView 默认会自动换行。android:ellipsize 设置文字过长时怎么显示;marqueeRepeatLimit="marquee_forever" 表示永远重复,也可以设具体数字;focusable 和 focusableInTouchMode 一定要加,不然滚动效果出不来。


五、垂直滚动

在 Java 代码中加入下面一句就可以垂直滚动:

textView.setMovementMethod(ScrollingMovementMethod.getInstance());

六、RichTextView(富文本)

怎么在同一个 TextView 里设置不同的字体风格?常用类:android.text.Spanned、SpannableString、SpannableStringBuilder。SpannableString 和 SpannableStringBuilder 的区别就相当于 String 和 StringBuffer。它们可以设置不同的 Span,用来实现粗体、斜体、前景色、背景色、字体大小、字体风格等;android.text.style.* 里定义了很多 Span 类型。

setSpan(Object what, int start, int end, int flags) 的 flags 可以设为 0 或 Spanned 中定义的值:

  • Spanned.SPAN_EXCLUSIVE_EXCLUSIVE:不包含两端 start 和 end
  • Spanned.SPAN_EXCLUSIVE_INCLUSIVE:不包含 start,包含 end
  • Spanned.SPAN_INCLUSIVE_EXCLUSIVE:包含 start,不包含 end
  • Spanned.SPAN_INCLUSIVE_INCLUSIVE:包含 start 和 end;0 就相当于它

包不包含就好比数学里的开区间、闭区间。下面是一个 Demo:

package com.tianjf;

import android.app.Activity;

import android.graphics.Color;

import android.graphics.drawable.Drawable;

import android.os.Bundle;

import android.text.SpannableString;

import android.text.Spanned;

import android.text.method.LinkMovementMethod;

import android.text.style.AbsoluteSizeSpan;

import android.text.style.BackgroundColorSpan;

import android.text.style.BulletSpan;

import android.text.style.ForegroundColorSpan;

import android.text.style.ImageSpan;

import android.text.style.RelativeSizeSpan;

import android.text.style.ScaleXSpan;

import android.text.style.StrikethroughSpan;

import android.text.style.StyleSpan;

import android.text.style.SubscriptSpan;

import android.text.style.SuperscriptSpan;

import android.text.style.TypefaceSpan;

import android.text.style.URLSpan;

import android.text.style.UnderlineSpan;

import android.widget.TextView;

public class RichTextViewDemoActivity extends Activity {

    TextView mTextView = null;

    SpannableString mSpannableString = null;

    @Override

    public void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.main);

        mTextView = (TextView) findViewById(R.id.myTextView);

        // 创建一个 SpannableString对象

        mSpannableString = new SpannableString(

                "字体测试字体大小一半两倍前景色背景色正常粗体斜体粗斜体下划线删除线x1x2电话邮件网站短信彩信地图X轴/bot");

        // 设置字体(default,default-bold,monospace,serif,sans-serif)

        mSpannableString.setSpan(new TypefaceSpan("monospace"), 0, 2,

                Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);

        mSpannableString.setSpan(new TypefaceSpan("sans-serif"), 2, 4,

                Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);

        // 设置字体大小(绝对值,单位:像素)

        mSpannableString.setSpan(new AbsoluteSizeSpan(20), 4, 8,

                Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);

        // 设置字体大小(相对值,单位:像素) 参数表示为默认字体宽度的多少倍

        mSpannableString.setSpan(new ScaleXSpan(2.0f), 49, 51,

                Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); // 2.0f表示默认字体宽度的两倍,即X轴方向放大为默认字体的两倍,而高度不变

        // 设置字体大小(相对值,单位:像素) 参数表示为默认字体大小的多少倍

        mSpannableString.setSpan(new RelativeSizeSpan(0.5f), 8, 10,

                Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); // 0.5f表示默认字体大小的一半

        mSpannableString.setSpan(new RelativeSizeSpan(2.0f), 10, 12,

                Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); // 2.0f表示默认字体大小的两倍

        // 设置字体前景色

        mSpannableString.setSpan(new ForegroundColorSpan(Color.MAGENTA), 12,

                15, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); // 设置前景色为洋红色

        // 设置字体背景色

        mSpannableString.setSpan(new BackgroundColorSpan(Color.CYAN), 15, 18,

                Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); // 设置背景色为青色

        // 设置字体样式正常,粗体,斜体,粗斜体

        mSpannableString.setSpan(

                new StyleSpan(android.graphics.Typeface.NORMAL), 18, 20,

                Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); // 正常

        mSpannableString.setSpan(new StyleSpan(android.graphics.Typeface.BOLD),

                20, 22, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); // 粗体

        mSpannableString.setSpan(

                new StyleSpan(android.graphics.Typeface.ITALIC), 22, 24,

                Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); // 斜体

        mSpannableString.setSpan(new StyleSpan(

                android.graphics.Typeface.BOLD_ITALIC), 24, 27,

                Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); // 粗斜体

        // 设置下划线

        mSpannableString.setSpan(new UnderlineSpan(), 27, 30,

                Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);

        // 设置删除线

        mSpannableString.setSpan(new StrikethroughSpan(), 30, 33,

                Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);

        // 设置上下标

        mSpannableString.setSpan(new SubscriptSpan(), 34, 35,

                Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); // 下标

        mSpannableString.setSpan(new SuperscriptSpan(), 36, 37,

                Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); // 上标

        // 超级链接(需要添加setMovementMethod方法附加响应)

        mSpannableString.setSpan(new URLSpan("tel:4155551212"), 37, 39,

                Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); // 电话

        mSpannableString.setSpan(new URLSpan("mailto:webmaster@google.com"),

                39, 41, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); // 邮件

        mSpannableString.setSpan(new URLSpan("http://www.baidu.com"), 41, 43,

                Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); // 网络

        mSpannableString.setSpan(new URLSpan("sms:4155551212"), 43, 45,

                Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); // 短信 使用sms:或者smsto:

        mSpannableString.setSpan(new URLSpan("mms:4155551212"), 45, 47,

                Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); // 彩信 使用mms:或者mmsto:

        mSpannableString.setSpan(new URLSpan("geo:38.899533,-77.036476"), 47,

                49, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); // 地图

        // 设置项目符号

        // 第一个参数表示项目符号占用的宽度,第二个参数为项目符号的颜色

        mSpannableString.setSpan(new BulletSpan(

                android.text.style.BulletSpan.STANDARD_GAP_WIDTH, Color.GREEN),

                0, mSpannableString.length(), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);

        // 设置图片

        Drawable drawable = getResources().getDrawable(R.drawable.ic_launcher);

        drawable.setBounds(0, 0, drawable.getIntrinsicWidth(),

                drawable.getIntrinsicHeight());

        mSpannableString.setSpan(new ImageSpan(drawable), 51, 55,

                Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);

        mTextView.setText(mSpannableString);

        mTextView.setMovementMethod(LinkMovementMethod.getInstance());

    }

}
需求 关键属性 / API
文本、颜色、字号 android:text / textColor / textSize(sp)
间距 padding、layout_margin
单行省略 singleLine=true + ellipsize=start/end/middle
跑马灯 ellipsize=marquee + marqueeRepeatLimit + focusable
垂直滚动 setMovementMethod(ScrollingMovementMethod)
富文本 SpannableString.setSpan(…) + LinkMovementMethod

一句话总结:TextView 先用 text / textSize / padding 把基本显示调好,超长用 ellipsize 或 marquee,复杂样式交给 Spannable。

转载请注明来源:Android文本控件TextView
本文链接地址:https://ai.zhousir.top/?p=780
回复 取消