使 textview 在 recyclerView 中展开

Question

我有一个 RecyclerView 项目，看起来：

如果用户点击帮助图标，我想在中间显示项目的描述，扩大项目的高度，如下所示：

我尝试了不同的方法，但我无法使其工作，我尝试设置父级的高度（但我认为这不是一个好方法，因为它应该根据有多少文本有描述自动获得大小) 但它不起作用，使布局包装内容也不起作用，因为它是具有 alignparent 底部的 RelativeLayout，任何帮助都会很棒

布局

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/ll"
android:layout_width="wrap_content"
android:layout_height="80dp"
android:layout_centerHorizontal="true"
android:layout_margin="10dp"
android:layout_marginLeft="20dp"
android:layout_marginRight="20dp"
android:animateLayoutChanges="true"
android:background="@drawable/stroke_shop_adapter"
android:orientation="vertical">


<TextView
    android:id="@+id/nombre"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentTop="true"
    android:layout_gravity="center"
    android:layout_margin="5dp"
    android:layout_marginTop="10dp"
    android:layout_toRightOf="@+id/img"
    android:layout_toLeftOf="@+id/ayuda"
    android:gravity="center|top"
    android:text="@string/level"
    android:textColor="#fff"
    android:textSize="15sp" />

<ImageView

    android:id="@+id/img"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginTop="10dp"
    android:layout_marginBottom="10dp"
    android:layout_marginLeft="10dp"
    android:layout_gravity="center"
    android:src="@drawable/cubo" />

<TextView
    android:id="@+id/descripcion"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_toRightOf="@+id/img"
    android:layout_toLeftOf="@+id/ayuda"
    android:layout_below="@+id/separador1"
    android:layout_above="@+id/coste"
    android:layout_marginLeft="5dp"
    android:layout_marginRight="5dp"
    android:gravity="center"
    android:text=""
    android:textColor="#fff"
    android:textSize="14sp" />

<ImageView
    android:id="@+id/ayuda"
    android:layout_width="50dp"
    android:layout_height="50dp"
    android:layout_alignParentRight="true"
    android:layout_centerVertical="true"
    android:layout_marginRight="10dp"
    android:src="@drawable/ayuda_icon"/>


<TextView
    android:id="@+id/coste"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:layout_toLeftOf="@+id/ayuda"
    android:gravity="center"
    android:layout_marginLeft="10dp"
    android:layout_marginRight="10dp"
    android:layout_marginBottom="10dp"
    android:text="100$"
    android:textColor="#fff"
    android:textSize="13sp" />

<View
    android:id="@+id/separador1"
    android:layout_width="match_parent"
    android:layout_height="1dp"
    android:layout_below="@id/nombre"
    android:layout_toRightOf="@+id/img"
    android:layout_toLeftOf="@+id/ayuda"
    android:layout_marginLeft="10dp"
    android:layout_marginRight="10dp"
    android:layout_marginBottom="2dp"
    android:background="#00c6ff"/>


<TextView

    android:id="@+id/nivel"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginBottom="10dp"
    android:layout_marginLeft="10dp"
    android:layout_marginTop="5dp"
    android:layout_toRightOf="@+id/img"
    android:layout_alignParentBottom="true"
    android:text="Level: 5/7"
    android:textColor="#fff"
    android:textSize="13sp" />

<TextView

    android:id="@+id/maxNivel"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentRight="true"
    android:layout_below="@id/separador1"
    android:layout_marginBottom="5dp"
    android:layout_marginRight="20dp"
    android:layout_marginTop="5dp"
    android:text=""
    android:textColor="#fff"
    android:textSize="17sp" />

Answer 1

尝试布局为：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:background="@color/colorBlack"
                android:orientation="vertical">

    <ImageView
        android:id="@+id/img"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="10dp"
        android:layout_marginLeft="10dp"
        android:layout_marginTop="10dp"
        android:src="@mipmap/ic_launcher"/>

    <ImageView
        android:id="@+id/ayuda"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_marginBottom="10dp"
        android:layout_marginRight="10dp"
        android:layout_marginTop="10dp"
        android:src="@mipmap/ic_launcher"/>

    <TextView
        android:id="@+id/nombre"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_gravity="center"
        android:layout_margin="5dp"
        android:layout_marginTop="10dp"
        android:layout_toLeftOf="@+id/ayuda"
        android:layout_toRightOf="@+id/img"
        android:gravity="center|top"
        android:text="Level"
        android:textColor="#fff"
        android:textSize="15sp"/>

    <View
        android:id="@+id/separador1"
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:layout_below="@id/nombre"
        android:layout_marginBottom="2dp"
        android:layout_marginLeft="10dp"
        android:layout_marginRight="10dp"
        android:layout_toLeftOf="@+id/ayuda"
        android:layout_toRightOf="@+id/img"
        android:background="#00c6ff"/>

    <TextView
        android:id="@+id/descripcion"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/separador1"
        android:layout_marginLeft="5dp"
        android:layout_marginRight="5dp"
        android:layout_toLeftOf="@+id/ayuda"
        android:layout_toRightOf="@+id/img"
        android:text="content desc content desc content desc content desc content desc content desc content desc "
        android:textColor="#fff"
        android:gravity="center_horizontal"
        android:textSize="14sp"/>

    <TextView
        android:id="@+id/nivel"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@id/descripcion"
        android:layout_marginBottom="10dp"
        android:layout_marginLeft="10dp"
        android:layout_marginTop="5dp"
        android:layout_toRightOf="@+id/img"
        android:text="Level: 5/7"
        android:textColor="#fff"
        android:textSize="13sp"/>

    <TextView
        android:id="@+id/coste"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@id/descripcion"
        android:layout_marginBottom="10dp"
        android:layout_marginLeft="10dp"
        android:layout_marginRight="10dp"
        android:layout_toLeftOf="@+id/ayuda"
        android:gravity="center"
        android:text="100$"
        android:textColor="#fff"
        android:textSize="13sp"/>


</RelativeLayout>

Answer 2

在这种情况下，您可以使用Expandable-RecyclerView

通过 Maven 下载最新的 AAR：

<dependency>
  <groupId>com.levelupstudio</groupId>
  <artifactId>expandable-recyclerview</artifactId>
  <version>1.0.1</version>
</dependency>

或 Gradle：

compile 'com.levelupstudio:expandable-recyclerview:1.0.1'

其他选项是使用

你可以试试ExpandableHeightListView

在 xml 文件中添加 ExpandableHeightListView 而不是 ListView：

<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

        <com.github.paolorotolo.expandableheightlistview.ExpandableHeightListView
            android:id="@+id/expandable_listview"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:padding="8dp">
        </com.github.paolorotolo.expandableheightlistview.ExpandableHeightListView>
</ScrollView>

将此添加到您的 build.gradle：

repositories {
    mavenCentral()
}

dependencies {
  compile 'com.github.paolorotolo:expandableheightlistview:1.0.0'
}