carguo / gsyricktext Goto Github PK

类似微博的emoji表情、@人、话题等的EdiText，优化了编辑框中的光标点击和删除处理。TextView支持emoji表情、话题、链接、电话和@某人特殊显示的文本。

License: MIT License

Java 53.11% Kotlin 46.89%

edittext span textview emoji android sina kotlin

gsyricktext's Introduction

支持类似微博的文本效果，表情、@某人、话题、url链接等。DEMO同时演示了MVVM模式的使用。

状态	功能
支持	表情
支持	#话题
支持	@某人
支持	url与数字（可配置）
支持	点击效果
支持	自定义span效果
支持	表情、#话题与@某人编辑时整块删除
支持	表情、#话题与@某人编辑时选择复制限制整块选择。
支持	表情大小设置、居中显示
支持	MVVM（DataBing）。
支持	kotlin(demo与lib)

依赖方式

在project下的build.gradle添加

allprojects {
	repositories {
		...
		maven { url 'https://jitpack.io' }
	}
}

在module下的build.gradle添加

dependencies {
    compile 'com.github.CarGuo.RickText:textUtilsLib:v2.1.5'
}

kotlin版本的依赖

dependencies {
    compile 'com.github.CarGuo.RickText:textUtilsLib-kotlin:v2.1.5'
}

DEMO效果图

QQ群，有兴趣的可以进来，群里视频项目的人居多，平时多吹水吐槽：174815284 。

使用方式参考demo

1、文本模式

1.1、RichTextView

richTextView = (RichTextView) findViewById(R.id.rich_text_2);
//直接使用RichTextView
richTextView.setAtColor(Color.RED);
richTextView.setTopicColor(Color.BLUE);
richTextView.setLinkColor(Color.YELLOW);
richTextView.setNeedNumberShow(true);
richTextView.setNeedUrlShow(true);
richTextView.setSpanAtUserCallBackListener(spanAtUserCallBack);
richTextView.setSpanTopicCallBackListener(spanTopicCallBack);
richTextView.setSpanUrlCallBackListener(spanUrlCallBack);
//所有配置完成后才设置text
richTextView.setRichText(content, nameList, topicModels);

1.2、普通TextView

//url点击回调
SpanUrlCallBack spanUrlCallBack = new SpanUrlCallBack() {
    @Override
    public void phone(String phone) {
        Toast.makeText(MainActivity.this, phone + " 被点击了", Toast.LENGTH_SHORT).show();
        richText.setHighlightColor(Color.TRANSPARENT);
    }

    @Override
    public void url(String url) {
        Toast.makeText(MainActivity.this, url + " 被点击了", Toast.LENGTH_SHORT).show();
        richText.setHighlightColor(Color.TRANSPARENT);
    }
};

//@点击回调
SpanAtUserCallBack spanAtUserCallBack = new SpanAtUserCallBack() {
    @Override
    public void onClick(UserModel userModel1) {
        Toast.makeText(MainActivity.this, userModel1.getUser_name() + " 被点击了", Toast.LENGTH_SHORT).show();
        richText.setHighlightColor(Color.TRANSPARENT);
    }
};

//话题点击回调
SpanTopicCallBack spanTopicCallBack = new SpanTopicCallBack() {
    @Override
    public void onClick(TopicModel topicModel) {
        Toast.makeText(MainActivity.this, topicModel.getTopicName() + " 被点击了", Toast.LENGTH_SHORT).show();
        richText.setHighlightColor(Color.TRANSPARENT);
    }
};

//配置TextView显示文本
RichTextBuilder richTextBuilder = new RichTextBuilder(this);
richTextBuilder.setContent(content)
        .setAtColor(Color.RED)
        .setLinkColor(Color.BLUE)
        .setTopicColor(Color.YELLOW)
        .setListUser(nameList)
        .setListTopic(topicModels)
        .setTextView(richText)
        .setSpanAtUserCallBack(spanAtUserCallBack)
        .setSpanUrlCallBack(spanUrlCallBack)
        .setSpanTopicCallBack(spanTopicCallBack)
        .build();

2、编辑模式（RichEditText）

richEditText = (RichEditText) findViewById(R.id.emoji_edit_text);
emojiLayout.setEditTextSmile(richEditText);
RichEditBuilder richEditBuilder = new RichEditBuilder();
richEditBuilder.setEditText(richEditText)
        .setTopicModels(topicModels)
        .setUserModels(nameList)
        .setColorAtUser("#FF00C0")
        .setColorTopic("#F0F0C0")
        .setEditTextAtUtilJumpListener(new OnEditTextUtilJumpListener() {
            @Override
            public void notifyAt() {
                JumpUtil.goToUserList(MainActivity.this, MainActivity.REQUEST_USER_CODE_INPUT);
            }

            @Override
            public void notifyTopic() {
                JumpUtil.goToTopicList(MainActivity.this, MainActivity.REQUEST_TOPIC_CODE_INPUT);
            }
        })
        .builder();

版本更新

v2.1.5 （2018-01-23）

修复了ellipsize问题

v2.1.4 （2017-12-05）

修复了一个特殊场景下让人🥚疼的问题。
修复某些情况下删除按键导致的问题

v2.1.2 （2017-10-20）

优化一些问题
增加kotlin lib 与 kotlin demo

v2.1.1 （2017-09-19）

增加表情居中功能的支持。

v2.1.0 （2017-09-17）

修复了@和#输入存在的问题。

License

MIT

gsyricktext's People

Contributors

Stargazers

Watchers

Forkers

liweiww123 chailei9005 yuanhongtao leorexo dhcai yznyan 331637495 chiwenheng peterdocter msdgwzhy6 domerji toberole hudawei996 gitmrhu dmlfsong asack stormdzh codingcoderscode caizhihao jiubadao 00zhengfu00 qq781548819 aixinshe chenwentong0 wjkjinke00 lnj721 xixixx christian-zs wjxffd ljl2014 reathin userwangjf onion90 rekirt zktzktzkt mozuck tespera tao2java 1428610664 liuqingdada magic-coder onexuan lmyscx ywen8 longshihan2 imliujun lancao008 xudanli2809 haoyaogang liangzuan1983 fyj568213959 katejc theroadx h4091 lingjiegit chrissen0814 lightning627 kimxu zyggit zhouzhiqiang62 jing894948909 zhanghuanwang loulansuiye tianhong1989 mrx-andy xiangyutian asd121500 zy841336855 inx0769 luodongwen fangbinbin dreamerlxb wucomi yibulaxi bytetwo 1145906886 michaelniu1990 saltyshrimp johnxianwenhua lovelyefyyucui banketree g19980115 315567599 layoutengine2 sunjinglun tusuhai qxj006 jrdong hloong jp5201314 zhuangdaoyuan zhaopufeng ddyy19911001 nbcallum liuxiao352 sl-zach sflkit andrewtsezhou chinafltv iq-scm

gsyricktext's Issues

我在名字列表页同时选择了几个名字，能在edittext中都@显示吗

click RichEditText (has words) android phone crash

大佬帮忙看个问题实在是没找到修改的地方

Demo里输入一个话题点击删除键光标选中的是整个话题这时候用键盘随便输入字符进去覆盖输入进去的字符是话题的颜色

删除的bug

如
@CarGuo\b*#AAA#
如果光标在*号处点击删除会把#AAA一起删除

在加载drawable的地方，用glide去加载表情图片url，发现表情很小，不知道为啥？

因为某些原因，后续新版本会有jitpack.io更新，如果各位使用依赖的话，请切换到jitpack.io

因为某些原因，现在使用jitpack.io，还请各位使用依赖的切换到jitpack，见谅见谅。

allprojects {
	repositories {
		...
		maven { url 'https://jitpack.io' }
	}
}

dependencies {
        compile 'com.github.CarGuo:RickText:v1.0.3'
}

在edittext中删除@的用户的昵称后，list中的昵称和id均未删除

操作步骤：
1.在通过点击at按钮或者输入@字符
2.选择用户名
3.通过EditTextAtUtils的相关方法插入@的用户
4.通过软键盘的删除键删除对应的@用户
5.最后发现list中的昵称和id未变化

给@的UserMode的name末尾添加一位空格，删除没有了再次确认的效果

我给添加空格是为了保持和微博相同的规则，即：@和空格之间为一个用户名。这个也主要是为了和ios的规则做兼容。
但是我发现name追加一个空格后缀后，@标签删除不在触发二次确认的效果（背景选中效果）。
然后我怀疑是空格的问题，继续追加了一个不可见字符\u2060(Unicode3.2 新增了 \u2060 用来表示零宽不换行空格)，仍然不能解决这个问题。尝试在空格后再追加一个普通的汉字，发现也不行。
所以我猜测：这个@name+一个空格，在框架内有特殊的处理吗？还是这只是一个bug？

thanks。

有考虑过移植到flutter吗？

添加表情可能太难了，但是@某人、#话题#，这种应该有可操作性才对。我试过通过监听输入框，对比前后的文本、光标，来进行快捷删除、插入字符、移动光标。我是用搜狗输入法试的，本来也能勉强达到要求，但是后来发现有的输入法，打拼音的时候，拼音会先出现在输入框，用户确定后会替换成汉子，这样，就无法对比文本了。
大佬可以给一点指导意见吗？

输入表情切换键盘打字，再切换输表情，然后点击表情面板的回退键（或者删除键）会将输入的汉子一次性删掉而不是一个一个清除这是个问题么？

希望科特林和java版本能分开。

导入demo后databinding编译报错。

超出指定行数显示省略号时，emoji表情乱码

@失效

[表情]@某人

表情后，紧接着@某人，@失效

话题删除后列表里的数据还在

把edittext里的话题删完后 getRealTopicList里数据没有被删除

hhg

话题如果是有重复的topicModelList是要重复添加么？

与SpannableString 结合使用，表情解析不出来

emojiText = TextCommonUtils.getEmojiText(mContext, entity.getComment_content());
SpannableString spannableString = new SpannableString(mContext.getString(R.string.reply) + entity.getCommented_user_nick() + ":" + emojiText);
spannableString.setSpan(new ForegroundColorSpan(mContext.getColor(R.color.font_blue_v2)), 2, entity.getCommented_user_nick().length() + 2, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
holder.tvSayWhat.setText(spannableString);
代码实现的是回复评论的功能，eg: 回复XXX:内容+表情，对XXX加了字体颜色，但是表情。。解析不出来了。这块怎么处理，求给个思路

可以支持gif吗

网址匹配如何改成微信那种匹配规则？

例子：中文baidu.com中文识别出连接并可点击

编辑框里输入@ 问题

如果需求不是@ 跳转页面而是在编辑框直接变色怎么处理？

@某人前输入@符号问题

在有@某人前，不管是@某人前中间有文本还有没有文本，输入@符号之后跳转选择@用户回来文本并没有填充上还有@符号并没有删除。但是在@某人后输入@符号之后跳转回来是正常的。请问作者这是怎么回事呢？谢谢！

如果字数限制为30，你输入25个字的时候，突然加入一个长度为6的话题，就崩溃了

能否开放扩展接口

比如除了@ # 外想增加 XX 类似类型是否可以方便的添加

使用RichTextView作为子控件时，上级控件的点击事件会不起作用

使用RichTextView作为子控件时，会拦截掉点击事件，上级控件的点击事件会不起作用

比如listview中使用RichTextView，itemClick会无效。

是不是有个包没上传

com.example.richtext.databinding.ActivityMvvmBinding

报错 kotlin.TypeCastException: null cannot be cast to non-null type android.text.StaticLayout

kotlin.TypeCastException: null cannot be cast to non-null type android.text.StaticLayout

RichTextView不能匹配多个相同话题

输入多个相同话题不能只能匹配一个，匹配顺序有问题

修改如下TextCommonUtils 文件的 getTopicText方法

修改成：

fun getTopicText(context: Context, listTopic: List?, content: String, textView: ITextViewShow?, clickable: Boolean,
color: Int, spanTopicCallBack: SpanTopicCallBack?): Spannable {
if (listTopic == null || listTopic.isEmpty())
return SpannableString(content)
val spannableString = SpannableString(content)
var indexStart = 0
val lenght = content.length
var hadHighLine = false
// val map = HashMap<String, String>()
var i = 0
while (i < listTopic.size) {
while (true) {
val index = content.indexOf("#" + listTopic[i].topicName + "#", indexStart) + 1
if (index > 0) {
val mathStart = index - 1
val indexEnd = index + listTopic[i].topicName.length
val hadAt = "#" == content.substring(mathStart, index) && "#" == content.substring(indexEnd, indexEnd + 1)
val matchEnd = indexEnd + 1
if (hadAt && (matchEnd <= lenght || indexEnd == lenght)) {
if (indexEnd >= indexStart) {
indexStart = indexEnd
}
hadHighLine = true
var clickTopicSpan: ClickTopicSpan? = null
if (textView != null) {
clickTopicSpan = textView.getCustomClickTopicSpan(context, listTopic[i], color, spanTopicCallBack!!)
}
if (clickTopicSpan == null) {
clickTopicSpan = ClickTopicSpan(context, listTopic[i], color, spanTopicCallBack)
}
spannableString.setSpan(clickTopicSpan, mathStart, if (indexEnd == lenght) lenght else matchEnd, Spanned.SPAN_MARK_POINT)
}
} else
break
}
i++
indexStart = 0
}
if (clickable && hadHighLine)
textView!!.setMovementMethod(LinkMovementMethod.getInstance())
return spannableString
}

2个新问题(建议)：1，设置RichTextView行间距（lineSpacingExtra 和 android:lineSpacingMultiplier）后发现表情和文字每一行不在一条水平线上（上下错位）；2，如果是自定义表情，表情长宽不一致的情况下，用setEmojiSize（）设置表情大小，会变形失真，我想能不能提供一个Matrix的接口，设置表情图片的缩放？这样处理可能会更好一点

文本显示demo问题：RichTextBuilder模式注释掉 .setListUser(nameList) .setListTopic(topicModels)时，setEmojiSize(xxx)大小会不生效；2，同样直接使用RichTextView时，直接richtextView.setRichText(content)时，设置emoji大小也没作用