TextView中的部分文字响应点击事件

TextView是android常用的控件,经常要显示不同文字的大小,颜色,......今天要实现这样这样一个需求,TextView某段内容显示的文字颜色不一样,并且点击区域只能是改变了颜色的字.


1.给TextView设置设置文字背景为透明色,不然会有点击选中效果. 我参考的博客地址:http://www.cnblogs.com/sxzheng/p/4245873.html
2.SpannableString拼接字符串,给8到11的字符串用Clickable对象去处理
    1).Clickable对象继承ClickableSpan 实现了onclick()跟updateDrawState()方法
    2).onclick()处理点击事件,updateDrawState()中可以改变字体颜色,控件背景色

public class MainActivity extends Activity {
	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		
		TextView textView=(TextView) findViewById(R.id.hello_world);
		
		//ds.setColor()设定的是span超链接的文本颜色,而不是点击后的颜色,
		//点击后的背景颜色(HighLightColor)属于TextView的属性,
		//Android4.0以上默认是淡绿色,低版本的是黄色。解决方法就是通过重新设置文字背景为透明色
		textView.setHighlightColor(getResources().getColor(android.R.color.transparent));
		
		SpannableString spanableInfo = new SpannableString("这是一个测试"+": "+"点击我");
		spanableInfo.setSpan(new Clickable(clickListener),8,11,Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
		textView.setText(spanableInfo);
		textView.setMovementMethod(LinkMovementMethod.getInstance());
	}
	
	private OnClickListener clickListener=new OnClickListener() {
		@Override
		public void onClick(View v) {
			Toast.makeText(MainActivity.this, "点击成功....",Toast.LENGTH_SHORT).show();
		}
	};

	class Clickable extends ClickableSpan{
		private final View.OnClickListener mListener;

		public Clickable(View.OnClickListener l) {
			mListener = l;
		}

		/**
		 * 重写父类点击事件
		 */
		@Override
		public void onClick(View v) {
			mListener.onClick(v);
		}

		/**
		 * 重写父类updateDrawState方法  我们可以给TextView设置字体颜色,背景颜色等等...
		 */
		@Override
		public void updateDrawState(TextPaint ds) {
			ds.setColor(getResources().getColor(R.color.video_comment_like_number));
		}
	}
}



布局文件:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent" 
    android:orientation="vertical">

    <TextView
        android:id="@+id/hello_world"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="20sp" />

</LinearLayout>



效果图如下:



posted @ 2015-08-31 19:07  安辉  阅读(2213)  评论(0编辑  收藏  举报