美文网首页
TextView表情文字混编加监听事件

TextView表情文字混编加监听事件

作者: Preupen | 来源:发表于2019-04-18 17:43 被阅读0次

    一.首先将字符串和表情进行拆分

    注意:我这里用的集合,用.符号代替表情,这个大家都可以随便

          String  str = "看到了.撒地方尽快哈萨克开放就哭了快速拉的飞机...双方的快捷键科技撒放几块立刻就安分.";
          List<String>  list = new ArrayList<>();
            for (int i = 0; i < text.length(); i++) {
                String a = String.valueOf(text.charAt(i));
                if (a.equals(".")) {
                    String substring = text.substring(0, i + 1);
                    if (substring.equals(".")) {
                        list.add(".");
                    } else {
                        list.add(substring.substring(0, substring.length() - 1));
                        list.add(".");
                    }
                    text = text.replaceFirst(substring, "");
                    i = -1;
                }
            }
    

    二.利用SpannableString和SpannableStringBuilder开始拼接

    注意:这里涉及到了监听所以我吧回复的所有字符串都放在SpannableStringBuilder里面了

      /**
         * 实现图文混排
         */
        private void setTextView() {
            //将dp转换成px做适配
            int dp = 20;
            final float scale = getResources().getDisplayMetrics().density;
            int px = (int) (dp * scale + 0.5f);
            SpannableString sp1 = new SpannableString("李四");//小数点是一个占位图
            sp1.setSpan(new ClickableSpan() {
                @Override
                public void updateDrawState(TextPaint ds) {
                    super.updateDrawState(ds);
                    ds.setColor(Color.parseColor("#FFFFAA00"));//设置颜色
                    ds.setUnderlineText(false);//下划线
                }
    
                @Override
                public void onClick(View view) {
                    Log.i("TAG", "点击了李四");
                }
            }, 0, 2, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
            tv.append(sp1);
            tv.append(" 回复了 ");
            SpannableString sp2 = new SpannableString("张三");//小数点是一个占位图
            sp2.setSpan(new ClickableSpan() {
                @Override
                public void updateDrawState(TextPaint ds) {
                    super.updateDrawState(ds);
                    ds.setColor(Color.parseColor("#FFFFAA00"));//设置颜色
                    ds.setUnderlineText(false);//下划线
                }
    
                @Override
                public void onClick(View view) {
                    Log.i("TAG", "点击了张三");
                }
            }, 0, 2, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
            tv.append(sp2);
            tv.append(":");
            SpannableStringBuilder multiWord = new SpannableStringBuilder();
            for (int i = 0; i < list.size(); i++) {
                String item = list.get(i);
                if (item.equals(".")) {
                    //表情
                    Drawable drawable = getResources().getDrawable(R.drawable.face_1);
                    drawable.setBounds(0, 0, px, px);
                    ImageSpan imageSpan = new ImageSpan(drawable);
                    SpannableString sp = new SpannableString(".");//小数点是一个占位图
                    sp.setSpan(imageSpan, 0, 1, ImageSpan.ALIGN_BASELINE);//文字向上对齐
                    multiWord.append(sp);
                } else {
                    //文字
                    multiWord.append(item);
                }
            }
            //设置整个评论的监听
            multiWord.setSpan(new ClickableSpan() {
                @Override
                public void updateDrawState(TextPaint ds) {
                    super.updateDrawState(ds);
                    ds.setColor(Color.parseColor("#FF000000"));//设置颜色
                    ds.setUnderlineText(false);//下划线
                }
    
                @Override
                public void onClick(View view) {
                    Log.i("TAG", "点击了回复");
                }
            }, 0, str.length(), Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
            tv.append(multiWord);
            tv.setMovementMethod(LinkMovementMethod.getInstance());//添加局部点击事件
            tv.setHighlightColor(getResources().getColor(android.R.color.transparent));//方法重新设置文字背景为透明色。
        }
    

    三.上传整个界面代码及效果截图

    public class MainActivity extends AppCompatActivity {
    
        private TextView tv;
        private List<String> list;//泛型可以上字符串,也可以是对象根据自己需求而定
        private String str;
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
            //Android 实现文字混排
            tv = findViewById(R.id.test);
            str = "看到了.撒地方尽快哈萨克开放就哭了快速拉的飞机...双方的快捷键科技撒放几块立刻就安分.";
            String text = str;
            list = new ArrayList<>();
            for (int i = 0; i < text.length(); i++) {
                String a = String.valueOf(text.charAt(i));
                if (a.equals(".")) {
                    String substring = text.substring(0, i + 1);
                    if (substring.equals(".")) {
                        list.add(".");
                    } else {
                        list.add(substring.substring(0, substring.length() - 1));
                        list.add(".");
                    }
                    text = text.replaceFirst(substring, "");
                    i = -1;
                }
            }
            setTextView();
        }
    
        /**
         * 实现图文混排
         */
        private void setTextView() {
            //将dp转换成px做适配
            int dp = 20;
            final float scale = getResources().getDisplayMetrics().density;
            int px = (int) (dp * scale + 0.5f);
            SpannableString sp1 = new SpannableString("李四");//小数点是一个占位图
            sp1.setSpan(new ClickableSpan() {
                @Override
                public void updateDrawState(TextPaint ds) {
                    super.updateDrawState(ds);
                    ds.setColor(Color.parseColor("#FFFFAA00"));//设置颜色
                    ds.setUnderlineText(false);//下划线
                }
    
                @Override
                public void onClick(View view) {
                    Log.i("TAG", "点击了李四");
                }
            }, 0, 2, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
            tv.append(sp1);
            tv.append(" 回复了 ");
            SpannableString sp2 = new SpannableString("张三");//小数点是一个占位图
            sp2.setSpan(new ClickableSpan() {
                @Override
                public void updateDrawState(TextPaint ds) {
                    super.updateDrawState(ds);
                    ds.setColor(Color.parseColor("#FFFFAA00"));//设置颜色
                    ds.setUnderlineText(false);//下划线
                }
    
                @Override
                public void onClick(View view) {
                    Log.i("TAG", "点击了张三");
                }
            }, 0, 2, Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
            tv.append(sp2);
            tv.append(":");
            SpannableStringBuilder multiWord = new SpannableStringBuilder();
            for (int i = 0; i < list.size(); i++) {
                String item = list.get(i);
                if (item.equals(".")) {
                    //表情
                    Drawable drawable = getResources().getDrawable(R.drawable.face_1);
                    drawable.setBounds(0, 0, px, px);
                    ImageSpan imageSpan = new ImageSpan(drawable);
                    SpannableString sp = new SpannableString(".");//小数点是一个占位图
                    sp.setSpan(imageSpan, 0, 1, ImageSpan.ALIGN_BASELINE);//文字向上对齐
                    multiWord.append(sp);
                } else {
                    //文字
                    multiWord.append(item);
                }
            }
            //设置整个评论的监听
            multiWord.setSpan(new ClickableSpan() {
                @Override
                public void updateDrawState(TextPaint ds) {
                    super.updateDrawState(ds);
                    ds.setColor(Color.parseColor("#FF000000"));//设置颜色
                    ds.setUnderlineText(false);//下划线
                }
    
                @Override
                public void onClick(View view) {
                    Log.i("TAG", "点击了回复");
                }
            }, 0, str.length(), Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
            tv.append(multiWord);
            tv.setMovementMethod(LinkMovementMethod.getInstance());//添加局部点击事件
            tv.setHighlightColor(getResources().getColor(android.R.color.transparent));//方法重新设置文字背景为透明色。
        }
    }
    
    图1

    相关文章

      网友评论

          本文标题:TextView表情文字混编加监听事件

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