优秀项目集锦

一个TextView的艺术,轻松实现评论列表功能

2017-07-31  本文已影响152人  IT平头哥

本人发帖宗旨:
1.不长篇大论。
2.发文前简单搜一下是不是有人发过(简单的)。
3.直说知识点,基础知识请自行补习。
4.随性

此文已在Github和CSDN上发布过,简书上目前才开始写 (ˇˍˇ) 想~(欢迎star)
此文为引子,想看我写好的请到Github上
Github:https://github.com/hnsugar

先睹为快,是不是想要这种效果,一个textview就可以实现


pic1.jpg
pic2.gif

简单说一下原理吧
大家知道emoji吧,自定义文本表情图标也是同理,下面请大家好好理解理解SpannableString这个类,

SpannableString可以做什么?
看一下style下有哪些类


Paste_Image.png

看图说一下,我们能给每个字符指定一些属性,除了常见的字号字体前景色背景色下划线之外,还可以设置点击事件、文本替换成图片等等等,注意,是每个字符都可以单独设置

简单代码示例(start操作字符串开始位置 end操作字符串结束位置)
添加点击事件 mString.setSpan(new ClickAbleSpan(){.....},start,end,flag);
添加前景色 mString.setSpan (new ForegroundColorSpan (mTalkColor),start,end,flag);

        mString.setSpan (new ClickableSpan () {

            @Override
            public void updateDrawState (TextPaint ds) {
                /**
                 * 是否有下划线
                 */
                ds.setUnderlineText (false);
                /**
                 * 橘红色字体
                 */
                ds.setColor (mNameColor);
            }

            @Override
            public void onClick (final View widget) {
                isNickNameClick = true;
                if (mListener != null) {
                    mListener.onNickNameClick (finalMI, mInfos.get (finalMI));
                }
            }
        }, 0, end, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);

然后拼接换行符就可以了,就打造好了如开始图片的样子了,对SpannableString如果感兴趣可以自行探索,这里不再介绍,本文只提供一个思路,别再用listview这种来写了。

上一篇 下一篇

猜你喜欢

热点阅读