实现TextView文字部分可点击效果

实现可部分点击的效果

效果是这样的, 类似于微信的朋友圈, qq空间的用户点赞相似, 点击具体用户可以有一些其他操作之类的, 比如说查看用户具体信息等, 这里只是简单的弹出一个Toast.
首先看一下代码,

public class MainActivity extends AppCompatActivity {

    private TextView mTextView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

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

        StringBuilder sb = new StringBuilder();
        for (int i = 0; i < 20; i++) {
            sb.append("好友" + i + ", ");
        }
        String likeUsers = sb.substring(0, sb.lastIndexOf(", ")).toString();
        mTextView.setMovementMethod(LinkMovementMethod.getInstance());
        mTextView.setText(addClickPart(likeUsers), TextView.BufferType.SPANNABLE);
    }

    private SpannableStringBuilder addClickPart(String str) {
        // 图标
        ImageSpan imageSpan = new ImageSpan(MainActivity.this, R.drawable.angry);
        SpannableString spanStr = new SpannableString("p.");
        spanStr.setSpan(imageSpan, 0, 1, Spannable.SPAN_INCLUSIVE_EXCLUSIVE);

        // 创建一个SpannableStringBuilder对象, 链接对个字符串
        SpannableStringBuilder ssb = new SpannableStringBuilder(spanStr);
        ssb.append(str);
        String [] likeUsers = str.split(",");
        if (likeUsers.length > 0) {
            for (int i = 0; i < likeUsers.length; i++) {
                final String name = likeUsers[i];
                final int start = str.indexOf(name) + spanStr.length();
                ssb.setSpan(new ClickableSpan() {
                    @Override
                    public void onClick(View view) {
                        Toast.makeText(MainActivity.this, name, Toast.LENGTH_SHORT).show();
                    }

                    @Override
                    public void updateDrawState(TextPaint ds) {
                        super.updateDrawState(ds);
                        ds.setColor(Color.BLUE);
                        ds.setUnderlineText(false);
                    }
                }, start, start + name.length(), 0);
            }
        }

        return ssb.append("等"+likeUsers.length + "人觉得很赞");
    }
}

通过Spannable接口可以设置TextView的各种样式, 使用SpannableString类和SpannableStringBuilder和其setSpan方法就可以设置TextView了.

• SpannableString, SpannableStringBuilder和String的区别:
  简单来说, 可以把SpannableString和SpannableStringBuilder看成能存储格式的String, 能够设置颜色, 下划线之类的, 比起String, 多了个setSpan方法

• SpannableStringBuilder和SpannableStringBuilder的却别:
  这两者的区别和String与StringBuilder的区别很像, SpannableString通过一个String参数构造, 是一个不可变对象, 创建之后就无法再修改SpannableString了, 而SpannableStringBuilder可以通过append()拼接多个String

• Spannable的setSpan方法
  void setSpan (Object what, int start, int end, int flags)
  第一个传入的样式, 样式有很多种, 具体参考官方文档, 去android.text.style.*下可以看到很多, 上面的例子中使用的是ClickableSpan, 用来设置点击事件的
  start和end是需要设置样式开始和结束的位置, flag是标志, 具体可以看文档
  注意这里设置的是0, flag中的可选值有些是对整个区间都有效的, 设置为0的话, 样式就只是对[start, end]有效