在TextView中设置超链接、字体、颜色

最新推荐文章于 2019-08-20 12:16:44 发布

牧梦

最新推荐文章于 2019-08-20 12:16:44 发布

阅读量1.8k

点赞数

分类专栏： Android 文章标签： android TextView UI

本文链接：https://blog.youkuaiyun.com/fengweimm/article/details/23597841

版权

Android 专栏收录该内容

18 篇文章

订阅专栏

要给 TextView 加上效果，方式主要有几种：
第一种，自动应用效果，使用 android:autolink 属性：

<TextView
        android:id="@+id/ff_tv1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:autoLink="all"
        android:text="@string/link_text_2" />

第二种，在文本中使用标签：

第三种，使用SpanableString ：

通过创建 SpanableString 字符串，并在之上创建一个或多个 Span 来实现丰富的效果。例子如下：

　　.setMovementMethod，此方法在需要响应用户事件时使用，如点击一个电话号码就跳转到拨号页面。如果不执行这个方法是不会响应事件的，即便文本看着已经是下划线蓝色字了。

　　.Spanned.SPAN_EXCLUSIVE_EXCLUSIVE，这是在 setSpan 时需要指定的 flag，它是用来标识在 Span 范围内的文本前后输入新的字符时是否把它们也应用这个效果。分别有 Spanned.SPAN_EXCLUSIVE_EXCLUSIVE(前后都不包括)、Spanned.SPAN_INCLUSIVE_EXCLUSIVE(前面包括，后面不包括)、Spanned.SPAN_EXCLUSIVE_INCLUSIVE(前面不包括，后面包括)、Spanned.SPAN_INCLUSIVE_INCLUSIVE(前后都包括)。

　　在Android中，TextView是我们最常用的用来显示文本的控件。

　　一般情况下，TextView中的文本都是一个样式。那么如何对于TextView中各个部分的文本来设置字体，大小，颜色，样式，以及超级链接等属性呢?下面我们通过SpannableString的具体实例操作来演示一下。

public class SpannableActivity extends Activity {
	private TextView tv3;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_five);
		tv3 = (TextView) findViewById(R.id.ff_tv3);
		SpannableString ss = new SpannableString(
				"字体测试字体大小一半两倍前景色背景色正常粗体斜体粗斜体下划线删除线x1x2电话邮件网站短信彩信地图X轴综合/bot");
		
		// 设置字体大小(绝对值,单位：像素)
		ss.setSpan(new AbsoluteSizeSpan(20), 4, 6,
				Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
		// 第二个参数boolean dip，如果为true，表示前面的字体大小单位为dip，否则为像素，同上。
		ss.setSpan(new AbsoluteSizeSpan(20, true), 6, 8,
				Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);

		// 设置字体大小(相对值,单位：像素) 参数表示为默认字体大小的多少倍
		// 0.5f表示默认字体大小的一半
		ss.setSpan(new RelativeSizeSpan(0.5f), 8, 10,
				Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
		// 2.0f表示默认字体大小的两倍
		ss.setSpan(new RelativeSizeSpan(2.0f), 10, 12,
				Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);

		// 设置字体前景色
		ss.setSpan(new ForegroundColorSpan(Color.MAGENTA), 12, 15,
				Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
		// 设置字体背景色
		ss.setSpan(new BackgroundColorSpan(Color.CYAN), 15, 18,
				Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);

		// 设置字体样式正常，粗体，斜体，粗斜体
		ss.setSpan(new StyleSpan(android.graphics.Typeface.NORMAL), 18, 20,
				Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
		ss.setSpan(new StyleSpan(android.graphics.Typeface.BOLD), 20, 22,
				Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
		ss.setSpan(new StyleSpan(android.graphics.Typeface.ITALIC), 22, 24,
				Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
		ss.setSpan(new StyleSpan(android.graphics.Typeface.BOLD_ITALIC), 24,
				27, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);

		// 设置下划线
		ss.setSpan(new UnderlineSpan(), 27, 30,
				Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);

		// 设置删除线
		ss.setSpan(new StrikethroughSpan(), 30, 33,
				Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);

		// 设置上下标
		ss.setSpan(new SubscriptSpan(), 34, 35,
				Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); // 下标

		ss.setSpan(new SuperscriptSpan(), 36, 37,
				Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); // 上标

		// 超级链接(需要添加setMovementMethod方法附加响应)
		ss.setSpan(new URLSpan("tel:123456789"), 37, 39,
				Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); // 电话
		ss.setSpan(new URLSpan("mailto:123@google.com"), 39, 41,
				Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); // 邮件
		ss.setSpan(new URLSpan("http://www.baidu.com"), 41, 43,
				Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); // 网络
		ss.setSpan(new URLSpan("sms:123456444"), 43, 45,
				Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); // 短信 使用sms:或者smsto:
		ss.setSpan(new URLSpan("mms:123456789"), 45, 47,
				Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); // 彩信 使用mms:或者mmsto:
		ss.setSpan(new URLSpan("geo:38.899533,-77.036476"), 47, 49,
				Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); // 地图

		// 设置字体大小(相对值,单位：像素) 参数表示为默认字体宽度的多少倍
		// 2.0f表示默认字体宽度的两倍，即X轴方向放大为默认字体的两倍，而高度不变
		ss.setSpan(new ScaleXSpan(2.0f), 49, 51,
				Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); 
		// 设置项目符号
		// 第一个参数表示项目符号占用的宽度，第二个参数为项目符号的颜色
		ss.setSpan(new BulletSpan(
				android.text.style.BulletSpan.STANDARD_GAP_WIDTH, Color.GREEN),
				0, ss.length(), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); 

		// 设置图片
		Drawable drawable = getResources().getDrawable(R.drawable.ic_launcher);
		drawable.setBounds(0, 0, drawable.getIntrinsicWidth(),
				drawable.getIntrinsicHeight());
		ss.setSpan(new ImageSpan(drawable), 53, 57,
				Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
		tv3.setText(ss);
		tv3.setMovementMethod(LinkMovementMethod.getInstance());
	}
}

　　效果预览：