美文网首页Android学习Android知识Android开发
实现TextView文字部分可点击效果

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

作者: DongBold | 来源:发表于2016-12-06 19:04 被阅读538次

    实现可部分点击的效果


    效果是这样的, 类似于微信的朋友圈, 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]有效

    相关文章

      网友评论

        本文标题:实现TextView文字部分可点击效果

        本文链接:https://www.haomeiwen.com/subject/bomrmttx.html