Android TextView实现多文本折叠、展开效果

Android TextView实现多文本折叠、展开效果攻略

在Android开发中，我们经常需要在TextView中显示大段的文本内容。为了提高用户体验和节省屏幕空间，我们可以实现多文本折叠和展开效果。下面是一个完整的攻略，包含了两个示例说明。

示例1：使用ReadMoreTextView库实现多文本折叠、展开效果

1. 首先，在项目的build.gradle文件中添加以下依赖项：

implementation 'com.github.borjabravo10:ReadMoreTextView:2.1.0'

1. 在布局文件中添加ReadMoreTextView控件：

<com.borjabravo.readmoretextview.ReadMoreTextView
    android:id=\"@+id/readMoreTextView\"
    android:layout_width=\"match_parent\"
    android:layout_height=\"wrap_content\"
    app:trimCollapsedText=\"...展开\"
    app:trimExpandedText=\"收起\"
    app:trimLines=\"3\"
    app:trimMode=\"trim\"
    app:trimCollapsedTextColor=\"@color/colorAccent\"
    app:trimExpandedTextColor=\"@color/colorPrimary\"
    app:trimAnimationDuration=\"200\"
    app:trimInterpolator=\"@android:anim/accelerate_decelerate_interpolator\"
    app:trimClickable=\"true\"
    app:trimEnabled=\"true\" />

1. 在代码中找到ReadMoreTextView控件并设置文本内容：

ReadMoreTextView readMoreTextView = findViewById(R.id.readMoreTextView);
readMoreTextView.setText(\"这里是大段的文本内容...\");

示例2：使用自定义ExpandableTextView实现多文本折叠、展开效果

1. 首先，创建一个ExpandableTextView类，继承自TextView，并实现点击事件：

public class ExpandableTextView extends TextView implements View.OnClickListener {
    private static final int MAX_COLLAPSED_LINES = 3; // 默认最大折叠行数
    private static final String ELLIPSIZE = \"...展开\"; // 折叠时显示的文本
    private static final String COLLAPSED_TEXT = \"收起\"; // 展开时显示的文本
    private static final String EXPANDED_TEXT = \"展开\"; // 收起时显示的文本
    private int collapsedLines; // 折叠行数
    private boolean isCollapsed = true; // 是否折叠

    public ExpandableTextView(Context context) {
        super(context);
        setOnClickListener(this);
    }

    public ExpandableTextView(Context context, AttributeSet attrs) {
        super(context, attrs);
        setOnClickListener(this);
    }

    public ExpandableTextView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        setOnClickListener(this);
    }

    @Override
    public void onClick(View v) {
        isCollapsed = !isCollapsed;
        setText(getDisplayText());
    }

    private CharSequence getDisplayText() {
        if (isCollapsed) {
            return getCollapsedText();
        } else {
            return getExpandedText();
        }
    }

    private CharSequence getCollapsedText() {
        if (getText().length() <= collapsedLines) {
            return getText();
        } else {
            SpannableStringBuilder ssb = new SpannableStringBuilder(getText().subSequence(0, collapsedLines))
                    .append(ELLIPSIZE);
            ssb.setSpan(new ClickableSpan() {
                @Override
                public void onClick(View widget) {
                    isCollapsed = false;
                    setText(getDisplayText());
                }

                @Override
                public void updateDrawState(TextPaint ds) {
                    super.updateDrawState(ds);
                    ds.setColor(Color.BLUE); // 设置展开文本的颜色
                    ds.setUnderlineText(false); // 去掉下划线
                }
            }, ssb.length() - ELLIPSIZE.length(), ssb.length(), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
            return ssb;
        }
    }

    private CharSequence getExpandedText() {
        SpannableStringBuilder ssb = new SpannableStringBuilder(getText()).append(COLLAPSED_TEXT);
        ssb.setSpan(new ClickableSpan() {
            @Override
            public void onClick(View widget) {
                isCollapsed = true;
                setText(getDisplayText());
            }

            @Override
            public void updateDrawState(TextPaint ds) {
                super.updateDrawState(ds);
                ds.setColor(Color.BLUE); // 设置收起文本的颜色
                ds.setUnderlineText(false); // 去掉下划线
            }
        }, ssb.length() - COLLAPSED_TEXT.length(), ssb.length(), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
        return ssb;
    }

    @Override
    public void setText(CharSequence text, BufferType type) {
        collapsedLines = MAX_COLLAPSED_LINES;
        super.setText(getDisplayText(), type);
    }
}

1. 在布局文件中使用ExpandableTextView控件：

<com.example.ExpandableTextView
    android:id=\"@+id/expandableTextView\"
    android:layout_width=\"match_parent\"
    android:layout_height=\"wrap_content\"
    android:maxLines=\"3\"
    android:text=\"这里是大段的文本内容...\" />

1. 在代码中找到ExpandableTextView控件并设置文本内容：

ExpandableTextView expandableTextView = findViewById(R.id.expandableTextView);
expandableTextView.setText(\"这里是大段的文本内容...\");

以上就是实现Android TextView多文本折叠、展开效果的完整攻略，希望对你有帮助！