在recyclelerView中展开textview

时间:2016-04-14 09:26:49

标签: android xml android-layout textview android-recyclerview

我有一个看起来像:

的RecyclerView项目

enter image description here

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

enter image description here

我尝试了不同的方法,但我不能让它工作,我试图设置父的高度(但我不认为这是一个很好的方法,因为它应该自动获得大小的功能有多少文字有描述)但它不起作用,使布局包装内容不起作用,因为它是一个具有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" />

3 个答案:

答案 0 :(得分:2)

尝试布局:

<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>

答案 1 :(得分:1)

您应该查看此链接,我认为这将有所帮助:)

  

https://stackoverflow.com/a/27205234/1893220

答案 2 :(得分:1)

在这种情况下,您可以使用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

enter image description here

enter image description here 在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'
}