android - 单击时在 ListView 项内展开 LinearLayout 以显示其中的更多 TextView

Question

我有一个 ListView它从 AWS S3 服务器上的 JSON 获取数据，但默认情况下每个项目的数据太多无法显示，屏幕上不会同时显示足够的项目，而且看起来像个完整的 SCSS 。

所以我着手让项目在用户点击它时展开。我尝试了 here 的解决方案, 但它的失败让我得出结论，这些解决方案适用于一个 TextView , 而不是多个 TextView s 坐落在 LinearLayout 内.

这是 list_item.xml :

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    android:padding="@dimen/activity_horizontal_margin">
    <TextView
        android:id="@+id/name"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:paddingBottom="2dip"
        android:textStyle="bold"
        android:textColor="@color/colorAccent"/>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        android:id="@+id/expandable">
        <TextView
            android:id="@+id/description"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textColor="#5d5d5d" />
        <TextView
            android:id="@+id/email"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textColor="#5d5d40" />
        <TextView
            android:id="@+id/telephone"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textColor="#5d5d40" />
        <TextView
            android:id="@+id/county"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textColor="#6438"
            android:textStyle="bold"
            android:textSize="20px"/>
    </LinearLayout>

</LinearLayout>

我希望有一个解决方案。结果不一定要生动或漂亮，但我们将不胜感激。但实际上，我想要一个快速、实用的解决方案，可以扩展以包含更多信息和项目，如果可能的话，可以一次打开多个。

提前谢谢你。

Answer 1

我在我的一个项目中遇到过相同的场景。我会将您的可扩展布局高度设置为 0:

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="0"
    android:orientation="vertical"
    android:id="@+id/expandable">

一旦你点击你的项目，你可以通过这个代码来衡量你的“隐藏” View :

expandableView = "your_root_view".findViewById(R.id.expandable);
expandableView.measure(View.MeasureSpec.UNSPECIFIED, View.MeasureSpec.UNSPECIFIED);
int newHeight = expandableView.getMeasuredHeight();

...并以这种方式应用幻灯片动画:

ValueAnimator slideAnimator = ValueAnimator.ofInt(0, newHeight);
slideAnimator.setInterpolator(new DecelerateInterpolator());
slideAnimator.setDuration(300);
slideAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
        @Override
        public void onAnimationUpdate(ValueAnimator animation) {
            expandableView.getLayoutParams().height = (int) animation.getAnimatedValue();
            expandableView.requestLayout();
        }
    });
slideAnimator.start();

如果你想要反向动画，只需使用:

ValueAnimator.ofInt(newHeight, 0);