Android实现朋友圈的评论和回复

亮亮在江湖

已于 2023-03-15 17:29:29 修改

阅读量2k

点赞数 4

分类专栏：基础类文章标签： java

于 2021-03-21 17:40:17 首次发布

本文链接：https://blog.csdn.net/lou_liang/article/details/115047647

版权

基础类专栏收录该内容

27 篇文章 0 订阅

订阅专栏

最近项目需要要做评论回复功能了，在回复中包含2种情况，请看下面的图文介绍，回复中包含谁发表的回复，以及谁回复了谁。刚开始做的时候没想太多以为是几个textview拼接的，挺简单的。没想到做着做着发现问题了，当回复的内容大于一行时换行后就不会充满左边了，请看第二张图的效果。这肯定不符合产品的设计要求啊，没办法我就继续上网找答案，终于发现了我要的东西，也就是今天向大家介绍的知识点SpannableStringBuilder，一行textview可以包含所有的内容。

**介绍一下它**
SpannableStringBuilder有个亲兄弟——SpannableString。SpannableStringBuilder和SpannableString的区别类似与StringBuilder、String，就是SpannableStringBuilder可以拼接，而SpannableString不可拼接。
主要的方法
SpannableStringBuilder和SpannableString主要通过使用setSpan(Object what, int start, int end, int flags)改变文本样式。

对应的参数：
start：指定Span的开始位置
end：指定Span的结束位置，并不包括这个位置。
flags：取值有如下四个
Spannable. SPAN_INCLUSIVE_EXCLUSIVE：前面包括，后面不包括，即在文本前插入新的文本会应用该样式，而在文本后插入新文本不会应用该样式
Spannable. SPAN_INCLUSIVE_INCLUSIVE：前面包括，后面包括，即在文本前插入新的文本会应用该样式，而在文本后插入新文本也会应用该样式
Spannable. SPAN_EXCLUSIVE_EXCLUSIVE：前面不包括，后面不包括
Spannable. SPAN_EXCLUSIVE_INCLUSIVE：前面不包括，后面包括
what：对应的各种Span，不同的Span对应不同的样式。已知的可用类有：
BackgroundColorSpan : 文本背景色
ForegroundColorSpan : 文本颜色
MaskFilterSpan : 修饰效果，如模糊(BlurMaskFilter)浮雕
RasterizerSpan : 光栅效果
StrikethroughSpan : 删除线
SuggestionSpan : 相当于占位符
UnderlineSpan : 下划线
AbsoluteSizeSpan : 文本字体（绝对大小）
DynamicDrawableSpan : 设置图片，基于文本基线或底部对齐。
ImageSpan : 图片
RelativeSizeSpan : 相对大小（文本字体）
ScaleXSpan : 基于x轴缩放
StyleSpan : 字体样式：粗体、斜体等
SubscriptSpan : 下标（数学公式会用到）
SuperscriptSpan : 上标（数学公式会用到）
TextAppearanceSpan : 文本外貌（包括字体、大小、样式和颜色）
TypefaceSpan : 文本字体
URLSpan : 文本超链接
ClickableSpan : 点击事件

ok，接下来咱们就要上案例了

1、文字添加颜色

 //修改文字颜色
    private void changTextColor() {
        SpannableStringBuilder spannableString = new SpannableStringBuilder();
        spannableString.append("我是可以验证的一行文字显示多个内容");
        ForegroundColorSpan colorSpan = new ForegroundColorSpan(Color.parseColor("#C2185B"));
        spannableString.setSpan(colorSpan, 0, 10, Spannable.SPAN_EXCLUSIVE_INCLUSIVE);
        ((TextView)findViewById(R.id.textview)).setText(spannableString);
    }

2、设置背景颜色

//设置背景颜色
private void setBackgroundColor() {
    SpannableStringBuilder spannableString = new SpannableStringBuilder();
    spannableString.append("我是可以验证的一行文字显示多个内容");
    BackgroundColorSpan bgColorSpan = new BackgroundColorSpan(Color.parseColor("#C2185B"));
    spannableString.setSpan(bgColorSpan, 0, 10, Spannable.SPAN_EXCLUSIVE_INCLUSIVE);
    ((TextView)findViewById(R.id.textview)).setText(spannableString);
}

3、设置字体大小

//设置字体大小
    private void setTextViewSize() {
        SpannableStringBuilder spannableString = new SpannableStringBuilder();
        spannableString.append("我是可以验证的一行文字显示多个内容");
        AbsoluteSizeSpan absoluteSizeSpan = new AbsoluteSizeSpan(60);
        spannableString.setSpan(absoluteSizeSpan, 0, 10, Spannable.SPAN_EXCLUSIVE_INCLUSIVE);
        ((TextView)findViewById(R.id.textview)).setText(spannableString);
    }

4、设置文字粗体、斜体字

//设置文字粗体、斜体字
    private void setTextViewBoldAndItalic() {
        SpannableStringBuilder spannableString = new SpannableStringBuilder();
        spannableString.append("我是可以验证的一行文字显示多个内容");
        //setSpan可多次使用
        StyleSpan styleSpan = new StyleSpan(Typeface.BOLD);//粗体
        spannableString.setSpan(styleSpan, 0, 5, Spannable.SPAN_EXCLUSIVE_INCLUSIVE);
        StyleSpan styleSpan2 = new StyleSpan(Typeface.ITALIC);//斜体
        spannableString.setSpan(styleSpan2, 5, 10, Spannable.SPAN_EXCLUSIVE_INCLUSIVE);
        StyleSpan styleSpan3 = new StyleSpan(Typeface.BOLD_ITALIC);//粗斜体
        spannableString.setSpan(styleSpan3, 10, 15, Spannable.SPAN_EXCLUSIVE_INCLUSIVE);
        ((TextView)findViewById(R.id.textview)).setText(spannableString);
    }

5、文字添加删除线

 //文字添加删除线
    private void setTextViewStrickDelete() {
        SpannableStringBuilder spannableString = new SpannableStringBuilder();
        spannableString.append("我是可以验证的一行文字显示多个内容");
        StrikethroughSpan strikethroughSpan = new StrikethroughSpan();
        spannableString.setSpan(strikethroughSpan, 0, 10, Spannable.SPAN_EXCLUSIVE_INCLUSIVE);
        ((TextView)findViewById(R.id.textview)).setText(spannableString);
    }

6、文字添加下划线

//文字添加下划线
    private void setTextViewUnderline() {
        SpannableStringBuilder spannableString = new SpannableStringBuilder();
        spannableString.append("我是可以验证的一行文字显示多个内容");
        UnderlineSpan underlineSpan = new UnderlineSpan();
        spannableString.setSpan(underlineSpan, 0, 10, Spannable.SPAN_EXCLUSIVE_INCLUSIVE);
        ((TextView)findViewById(R.id.textview)).setText(spannableString);
    }

7、文字中插入图片

//文字中插入图片
    private void setTextViewInsertImg() {
        SpannableStringBuilder spannableString = new SpannableStringBuilder();
        spannableString.append("我是可以验证的一行文字显示多个内容");
        ImageSpan imageSpan = new ImageSpan(this, R.mipmap.icon);
        //也可以这样
        //Drawable drawable = getResources().getDrawable(R.mipmap.girl);
        //drawable.setBounds(0, 0, drawable.getIntrinsicWidth(), drawable.getIntrinsicHeight());
        //ImageSpan imageSpan1 = new ImageSpan(drawable);
        //将index为10、12的字符用图片替代
        spannableString.setSpan(imageSpan, 10, 12, Spannable.SPAN_EXCLUSIVE_INCLUSIVE);
        ((TextView)findViewById(R.id.textview)).setText(spannableString);
    }

插入多张图片
SpannableStringBuilder ss = new SpannableStringBuilder("   欢迎光临的博客");
ImageSpan imageSpan = new ImageSpan(this, R.mipmap.icon_guan);
ss.setSpan(imageSpan, 2, 3, Spannable.SPAN_INCLUSIVE_EXCLUSIVE);


ImageSpan imageSpan2 = new ImageSpan(this, R.mipmap.icon_jing);
ss.setSpan(imageSpan2, 0, 1, Spannable.SPAN_INCLUSIVE_EXCLUSIVE);
text.setText(ss);

8、文字设置点击事件

//文字设置点击事件
    private void setTextViewClick() {
        SpannableStringBuilder spannableString = new SpannableStringBuilder();
        spannableString.append("我是可以验证的一行文字显示多个内容");
        ClickableSpan clickableSpan = new ClickableSpan() {
            @Override
            public void onClick(View view) {
                Toast.makeText(MainActivity.this, "点击事件", Toast.LENGTH_SHORT).show();
            }
        };
        spannableString.setSpan(clickableSpan, 10, 15, Spannable.SPAN_EXCLUSIVE_INCLUSIVE);
        TextView textView = (TextView)findViewById(R.id.textview);
        textView.setText(spannableString);
        textView.setMovementMethod(LinkMovementMethod.getInstance());
  textview.setHighlightColor(ContextCompat.getColor(LoginActivity.this,R.color.transparent));
    }

9、使用SpannableStringBuilder事件组合使用

//使用SpannableStringBuilder事件组合使用
    private void functionCombination() {
        SpannableStringBuilder spannableString = new SpannableStringBuilder();
        spannableString.append("我是可以验证的一行文字显示多个内容");
        //图片
        ImageSpan imageSpan = new ImageSpan(this, R.mipmap.icon);
        spannableString.setSpan(imageSpan, 2, 4, Spannable.SPAN_EXCLUSIVE_INCLUSIVE);
        //点击事件
        ClickableSpan clickableSpan = new ClickableSpan() {
            @Override
            public void onClick(View view) {
                Toast.makeText(MainActivity.this, "点击", Toast.LENGTH_SHORT).show();
            }
        };
        spannableString.setSpan(clickableSpan, 2, 4, Spannable.SPAN_EXCLUSIVE_INCLUSIVE);
        //文字颜色
        ForegroundColorSpan colorSpan = new ForegroundColorSpan(Color.parseColor("#C2185B"));
        spannableString.setSpan(colorSpan,5, 8, Spannable.SPAN_EXCLUSIVE_INCLUSIVE);
        //文字下划线
        UnderlineSpan underlineSpan = new UnderlineSpan();
        spannableString.setSpan(underlineSpan, 8, 10, Spannable.SPAN_EXCLUSIVE_INCLUSIVE);
        TextView textView = (TextView)findViewById(R.id.textview);
        textview.setMovementMethod(LinkMovementMethod.getInstance());
        textView.setText(spannableString);
    }

ok，以上就是SpannableStringBuilder的主要功能了，满足我们开发的需求了，希望能帮助到需要的人。
SpannableString使用详解

亮亮在江湖

关注

4
点赞
踩
19

收藏

觉得还不错? 一键收藏
0
评论
Android实现朋友圈的评论和回复

最近项目需要要做评论回复功能了，在回复中包含2种情况，请看下面的图文介绍，回复中包含谁发表的回复，以及谁回复了谁。刚开始做的时候没想太多以为是几个textview拼接的，挺简单的。没想到做着做着发现问题了，当回复的内容大于一行时换行后就不会充满左边了，请看第二张图的效果。这肯定不符合产品的设计要求啊，没办法我就继续上网找答案，终于发现了我要的东西，也就是今天向大家介绍的知识点SpannableStringBuilder，一行textview可以包含所有的内容。**介绍一下它**Spannabl.
复制链接

扫一扫