Android中用Spannable在TextView中给文字加上边框

原创 2013年10月29日 16:11:55
项目中需要给一个文本中的一些关键字高亮的效果,在网上找资料后发现TextView支持Spannable来实现一些效果

传送门:Android中用Spannable在TextView中设置超链接、颜色、字体

不过系统自带的效果中并没有给文本中的某些关键字加上如圆角矩形的效果,所以只能自己来实现,主要是通过重写ImageSpan来实现:

res-drawable-text_background.xml:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
    <corners android:radius="10px"/>
	<solid android:color="#999999"/>
	<stroke android:width="5px" android:color="#000000"/>
</shape>

res-color-color.xml 

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
     <item android:state_pressed="true"  
          android:color="#ffff0000"/> <!-- pressed -->  
    <item android:state_focused="true"  
          android:color="#ffff0000" /> <!-- focused -->  
    <item android:color="#ff00ff00"/> <!-- default --> 
</selector>


res-color-linkcolor.xml: 
<?xml version="1.0" encoding="utf-8"?>  
<selector  xmlns:android="http://schemas.android.com/apk/res/android">  
    <item android:state_pressed="true"  
          android:color="#ffffff00"/> <!-- pressed -->  
    <item android:state_focused="true"  
          android:color="#ff00ffff"/> <!-- focused -->  
    <item android:color="#ff0ff000"/> <!-- default -->  
</selector>  

TextViewLinkActivity: 

import java.io.IOException;

import org.xmlpull.v1.XmlPullParserException;

import android.app.Activity;
import android.content.res.ColorStateList;
import android.content.res.XmlResourceParser;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Paint.Align;
import android.graphics.Paint.FontMetricsInt;
import android.graphics.Rect;
import android.graphics.RectF;
import android.graphics.Typeface;
import android.graphics.drawable.BitmapDrawable;
import android.graphics.drawable.Drawable;
import android.graphics.drawable.GradientDrawable;
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.DrawableMarginSpan;
import android.text.style.ForegroundColorSpan;
import android.text.style.IconMarginSpan;
import android.text.style.ImageSpan;
import android.text.style.RelativeSizeSpan;
import android.text.style.ReplacementSpan;
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.TextAppearanceSpan;
import android.text.style.TypefaceSpan;
import android.text.style.URLSpan;
import android.text.style.UnderlineSpan;
import android.widget.TextView;

public class TextViewLinkActivity extends Activity {
	TextView mTextView = null;
	SpannableString msp = null;

	/** Called when the activity is first created. */
	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.main);

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

		// 创建一个 SpannableString对象
		String msg = "字体测试字体大小一半两倍前景色背景色正常粗体斜体粗斜体下划线删除线x1x2电话邮件网站短信彩信地图X轴综合/bot边框";
		msp = new SpannableString(msg);

		// 设置字体(default,default-bold,monospace,serif,sans-serif)
		msp.setSpan(new TypefaceSpan("monospace"), 0, 2, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
		msp.setSpan(new TypefaceSpan("serif"), 2, 4, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);

		// 设置字体大小(绝对值,单位:像素)
		msp.setSpan(new AbsoluteSizeSpan(20), 4, 6, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
		msp.setSpan(new AbsoluteSizeSpan(20, true), 6, 8, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); // 第二个参数boolean
																								// dip,如果为true,表示前面的字体大小单位为dip,否则为像素,同上。

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

		// 设置字体前景色
		msp.setSpan(new ForegroundColorSpan(Color.MAGENTA), 12, 15, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); // 设置前景色为洋红色

		// 设置字体背景色
		msp.setSpan(new BackgroundColorSpan(Color.CYAN), 15, 18, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); // 设置背景色为青色

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

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

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

		// 设置上下标
		msp.setSpan(new SubscriptSpan(), 34, 35, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); // 下标
		msp.setSpan(new SuperscriptSpan(), 36, 37, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); // 上标

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

		// 设置字体大小(相对值,单位:像素) 参数表示为默认字体宽度的多少倍
		msp.setSpan(new ScaleXSpan(2.0f), 49, 51, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); // 2.0f表示默认字体宽度的两倍,即X轴方向放大为默认字体的两倍,而高度不变

		// 设置字体(依次包括字体名称,字体大小,字体样式,字体颜色,链接颜色)
		ColorStateList csllink = null;
		ColorStateList csl = null;
		XmlResourceParser xppcolor = getResources().getXml(R.color.color);
		try {
			csl = ColorStateList.createFromXml(getResources(), xppcolor);
		} catch (XmlPullParserException e) {
			// TODO: handle exception
			e.printStackTrace();
		} catch (IOException e) {
			// TODO: handle exception
			e.printStackTrace();
		}

		XmlResourceParser xpplinkcolor = getResources().getXml(R.color.linkcolor);
		try {
			csllink = ColorStateList.createFromXml(getResources(), xpplinkcolor);
		} catch (XmlPullParserException e) {
			// TODO: handle exception
			e.printStackTrace();
		} catch (IOException e) {
			// TODO: handle exception
			e.printStackTrace();
		}
		msp.setSpan(new TextAppearanceSpan("monospace", android.graphics.Typeface.BOLD_ITALIC, 50, csl,
				csllink), 51, 53, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);

		// 设置项目符号
		msp.setSpan(new BulletSpan(android.text.style.BulletSpan.STANDARD_GAP_WIDTH, Color.GREEN), 0,
				msp.length(), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); // 第一个参数表示项目符号占用的宽度,第二个参数为项目符号的颜色

		// 设置图片
		Drawable drawable = getResources().getDrawable(R.drawable.ic_launcher);
		drawable.setBounds(0, 0, drawable.getIntrinsicWidth(), drawable.getIntrinsicHeight());
		msp.setSpan(new ImageSpan(drawable), 53, 57, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);

		// 设置边框
		Drawable bg = getResources().getDrawable(R.drawable.text_background);
		msp.setSpan(new ImageSpan(bg) {
			@Override
			public void draw(Canvas canvas, CharSequence text, int start, int end, float x, int top, int y,
					int bottom, Paint paint) {
				paint.setTypeface(Typeface.create("normal", Typeface.BOLD));
				paint.setTextSize(50);
				int len = Math.round(paint.measureText(text, start, end));
				getDrawable().setBounds(0, 0, len, 60);
				super.draw(canvas, text, start, end, x, top, y, bottom, paint);
				paint.setColor(Color.BLUE);
				paint.setTypeface(Typeface.create("normal", Typeface.BOLD));
				paint.setTextSize(40);
				canvas.drawText(text.subSequence(start, end).toString(), x + 10, y, paint);
			}
		}, 57, 59, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
		mTextView.setText(msp);
		mTextView.setMovementMethod(LinkMovementMethod.getInstance());
	}
}


效果预览: 


Android中用Spannable在TextView中给文字加上边框

项目中需要给一个文本中的一些关键字高亮的效果,在网上找资料后发现TextView支持Spannable来实现一些效果 传送门:Android中用Spannable在TextView中设置超链接、颜色...
  • u012992171
  • u012992171
  • 2016年03月21日 20:55
  • 264

Android中用Spannable在TextView中给文字加上边框

项目中需要给一个文本中的一些关键字高亮的效果,在网上找资料后发现TextView支持Spannable来实现一些效果 传送门:Android中用Spannable在TextView中设置超链接、...
  • andywxc121
  • andywxc121
  • 2016年08月12日 12:04
  • 1418

Android自定义控件 -- 带边框的TextView

这个控件是继承自TextView的,只是在onDraw方法中画了一个边框,并设计了几个自定义属性用来更灵活地控制控件。...
  • zhangyihui1986
  • zhangyihui1986
  • 2015年09月13日 14:34
  • 4278

SpannableString--textview显示不同的颜色、样式

SpannableString TextView是用来显示文本的,有时需要给TextView中的个别字设置为超链接,或者设置个别字的颜色、字体等,那就需要用到Spannable对象,可以...
  • tlc0211
  • tlc0211
  • 2013年02月27日 14:41
  • 4798

Android中实现实现虚线边框包裹文字的两种方式

下面介绍实现下图所示效果的两种方式: 第一种是通过写shape布局文件来实现给TextView设置background时引用此布局文件即可实现效果,shape布局文件代码如下: ...
  • immrwk
  • immrwk
  • 2016年09月05日 21:45
  • 423

TextView显示Gif图片实现图文混排

TextView显示Gif图片实现图文混排
  • u011930471
  • u011930471
  • 2016年07月19日 20:15
  • 2587

Android TextView通过Spannable识别超链接、邮箱、电话

现在有好多应用都能识别电话号码、邮箱、超链接,点击电话号码可以直接调用系统电话进行拨打,点击邮箱则调用系统邮箱或者第三方的邮箱,点击超链接则会进入浏览器,方便操作。现在经过简单的封装来实现这三个功能。...
  • ziyiwangchen
  • ziyiwangchen
  • 2016年07月08日 15:20
  • 1395

Android TextView中文字通过SpannableString来设置超链接、颜色、字体等属性

在Android中,TextView是我们最常用的用来显示文本的控件。   一般情况下,TextView中的文本都是一个样式。那么如何对于TextView中各个部分的文本来设置字体,大小,颜色,样式...
  • jdsjlzx
  • jdsjlzx
  • 2014年02月12日 16:09
  • 28748

TextView使用Spannable设置复合文本

Spannable 对文字的编辑减少TextView的拼接并且达到改变一串字符中的部分文字的字体颜色,背景颜色,字体大小,样式 增加文字的超链接。 如 把部分字体改成红色: Spannab...
  • linghu_java
  • linghu_java
  • 2014年06月18日 06:35
  • 12595

Android UI设计之<四>自定义TextView属性,实现带边框效果的TextView

在Android开发过程中,如果Android系统自带的属性不能满足我们日常开发的需求,那么就需要我们给系统控件添加额外的属性了。假如有个需求是实现带下划线的文本显示(下划线),如果不使用自定义属性的...
  • llew2011
  • llew2011
  • 2014年06月13日 20:15
  • 2930
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Android中用Spannable在TextView中给文字加上边框
举报原因:
原因补充:

(最多只允许输入30个字)