Android 仿小红书自定义展开收起的TextView

最新推荐文章于 2024-08-11 03:41:37 发布

像程序那样思考

最新推荐文章于 2024-08-11 03:41:37 发布

阅读量1.4k

点赞数

分类专栏：安卓程序员文章标签： Android 程序员移动开发

本文链接：https://blog.csdn.net/weixin_45258969/article/details/102643097

版权

本文详细介绍了如何在Android中实现类似小红书的文本折叠功能，包括文本的截取、'收起'文字右对齐以及动画效果的添加。通过分析系统的LayoutHelper类，实现了根据指定行数截取文本并添加'...展开'的效果，同时提供了收起文字的右对齐处理和动画过渡。最后给出了使用说明和源码地址。

摘要由CSDN通过智能技术生成

详解

故事是这么开始的，有个产品需求需求，要做一个小红书文本折叠的功能，于是就有了后面一系列的东西。不过实现了之后，自己对 TextView 截取文本也了解了不少，具体效果如下：

Android 仿小红书自定义展开收起的TextView

先总结一下实现的时候需要注意的几个点：

显示 “…展开” 时，是截取的一定行数之后，在最后一行的末尾直接显示
“收起” 显示在全部文本的下一行，并且是右对齐
展开和收起的动画效果

如果归纳的不完善，还请指出，不想看过程了可以直接跳到文末查看ExpandableTextView代码

文本的截取

参考了好些文章，很多实现都是截取文本的最大行，在文本的下一行添加一个按钮，这个做法并不符合需求，所以直接可以PASS了。

转换一下思路，会发现其实这个效果与 TextView 设置 android:maxLines 之后，再设置 android:ellipsize 为 end 很相似，只是 … 替换换成了 …展开，遗憾的是系统并没有提供直接替换 … 的API。

但是，在涉及到 android:ellipsize 属性处理的 TextView 的源码中可以看到使用了 StaticLayout 了一个可以帮助我们实现效果的工具类 StaticLayout，StaticLayout 是android中处理文字换行的一个工具类。

有BoringLayout、StaticLayout 和 DynamicLayout 三个工具类

BoringLayout 是单行显示时使用的
StaticLayout 是针对不可以变的文本
DynamicLayout 则是针对可编辑改变的文本，并且会更新自身。

接下来，就需要知道 StaticLayout 怎么使用了，我们可以直接使用的构造函数有三个

public StaticLayout(CharSequence source, TextPaint paint,
                    int width,
                    Alignment align, float spacingmult, float spacingadd,
                    boolean includepad) {
    this(source, 0, source.length(), paint, width, align,
         spacingmult, spacingadd, includepad);
}

public StaticLayout(CharSequence source, int bufstart, int bufend,
                    TextPaint paint, int outerwidth,
                    Alignment align,
                    float spacingmult, float spacingadd,
                    boolean includepad) {
    this(source, bufstart, bufend, paint, outerwidth, align,
         spacingmult, spacingadd, includepad, null, 0);
}

public StaticLayout(CharSequence source, int bufstart, int bufend,
        TextPaint paint, int outerwidth,
        Alignment align,
        float spacingmult, float s