Android - 带动画的可扩展 TextView

Android

Android - 带动画的可扩展 TextView

在Android开发中，TextView是最常用的控件之一。它用于显示文本内容，并且具有一些基本的属性和功能。然而，有时候我们需要对TextView进行一些特殊的处理，以实现更加炫酷和丰富的效果。这时候，一个带有动画效果的可扩展TextView就能派上用场了。

实现动画效果

首先，我们需要创建一个自定义的TextView类，继承自TextView，并重写它的一些方法来实现动画效果。我们可以使用Android提供的属性动画来实现这个功能。以下是一个简单的示例代码：

Java
public class ExpandableTextView extends TextView {
    private boolean isExpanded = false;
    private int collapsedMaxLines = 2;
    private int expandedMaxLines = Integer.MAX_VALUE;
    public ExpandableTextView(Context context) {
        super(context);
        setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                toggle();
            }
        });
    }
    public ExpandableTextView(Context context, AttributeSet attrs) {
        super(context, attrs);
        setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                toggle();
            }
        });
    }
    public ExpandableTextView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                toggle();
            }
        });
    }
    private void toggle() {
        if (isExpanded) {
            collapse();
        } else {
            expand();
        }
    }
    private void expand() {
        isExpanded = true;
        setMaxLines(expandedMaxLines);
        ObjectAnimator animator = ObjectAnimator.ofInt(this, "height", getHeight(), getExpandedHeight());
        animator.setDuration(200).start();
    }
    private void collapse() {
        isExpanded = false;
        setMaxLines(collapsedMaxLines);
        ObjectAnimator animator = ObjectAnimator.ofInt(this, "height", getHeight(), getcollapsedHeight());
        animator.setDuration(200).start();
    }
    private int getExpandedHeight() {
        int widthMeasureSpec = MeasureSpec.makeMeasureSpec(getWidth(), MeasureSpec.EXACTLY);
        int heightMeasureSpec = MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED);
        measure(widthMeasureSpec, heightMeasureSpec);
        return getMeasuredHeight();
    }
    private int getcollapsedHeight() {
        Layout layout = getLayout();
        int lineCount = layout.getLineCount();
        int ellipsisCount = layout.getEllipsisCount(lineCount - 1);
        int lineHeight = layout.getLineBottom(0) - layout.getLineTop(0);
        return layout.getLineTop(collapsedMaxLines) + (lineCount - collapsedMaxLines) * lineHeight - ellipsisCount * lineHeight;
    }
    public void setcollapsedMaxLines(int collapsedMaxLines) {
        this.collapsedMaxLines = collapsedMaxLines;
        if (!isExpanded) {
            setMaxLines(collapsedMaxLines);
        }
    }
    public void setExpandedMaxLines(int expandedMaxLines) {
        this.expandedMaxLines = expandedMaxLines;
        if (isExpanded) {
            setMaxLines(expandedMaxLines);
        }
    }
}

在上面的代码中，我们创建了一个ExpandableTextView类，它继承自TextView，并且实现了一个简单的文本展开和收起的功能。通过点击ExpandableTextView，我们可以实现文本的展开和收起，并且伴随着动画效果。

在构造方法中，我们给ExpandableTextView设置了一个点击事件监听器。当点击ExpandableTextView时，会调用toggle()方法来切换文本的展开和收起状态。

toggle()方法会根据当前的展开状态来调用expand()或collapse()方法。

expand()方法会将TextView的最大行数设置为展开状态下的最大行数，然后通过属性动画来实现高度的平滑过渡。

collapse()方法会将TextView的最大行数设置为收起状态下的最大行数，同样通过属性动画来实现高度的平滑过渡。

最后，我们还实现了几个辅助方法来获取展开和收起状态下的高度。这里使用了MeasureSpec来测量TextView的高度，并且根据行数和行高来计算展开和收起状态下的高度。

案例代码

下面是一个使用ExpandableTextView的简单示例：

XML
<LinearLayout</p>    XMLns:Android="http://schemas.Android.com/apk/res/Android"
    XMLns:app="http://schemas.Android.com/apk/res-auto"
    Android:layout_width="match_parent"
    Android:layout_height="match_parent"
    Android:orientation="vertical">
    <com.example.ExpandableTextView</p>        Android:id="@+id/expandableTextView"
        Android:layout_width="match_parent"
        Android:layout_height="wrap_content"
        Android:text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam dictum, urna id varius vestibulum, ligula justo fringilla nisi, in lobortis nunc mi ut enim. Duis auctor justo id risus molestie, nec condimentum odio aliquet. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed auctor consectetur sem, sit amet placerat velit vestibulum nec. Nam vestibulum, sem vitae feugiat finibus, nunc ligula posuere metus, eget bibendum ligula justo non sem. Vivamus dapibus vehicula mattis. Cras eu velit eget dui iaculis fermentum. Aliquam ac ultricies nunc. Fusce malesuada elit eu tellus luctus, vel imperdiet neque feugiat. Etiam id quam eget risus maximus dapibus. Donec at felis ut quam consequat sodales. Phasellus pellentesque convallis ante, ac pulvinar turpis fermentum et. Nullam at ipsum sed diam molestie interdum vel ut tellus."
        app:collapsedMaxLines="2"
        app:expandedMaxLines="10"
        />
</LinearLayout>

在上面的代码中，我们在布局文件中引入了ExpandableTextView，并设置了一些初始文本和最大行数。通过设置collapsedMaxLines和expandedMaxLines属性，我们可以控制TextView的展开和收起状态下的最大行数。

通过使用ExpandableTextView，我们可以轻松实现一个带有动画效果的可扩展TextView。这个控件可以在我们的应用中提供更加丰富和炫酷的用户体验。