ExpandableListView overlaps Text in RelativeLayout

Vote count:

0

I have relative layout ("relative") with clickable layout ("clickable") on top, expandable list view ("lview") under "clickable", and "footer" text view with version of my app on bottom of "relative":

<RelativeLayout xmlns:android="http://ift.tt/nIICcg"
android:id="@+id/relative"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@color/menu_background" >

<com.reconti.app.widgets.Logo
    android:id="@+id/reconti_menu_tv_logo"
    android:layout_width="fill_parent"
    android:layout_height="?android:attr/actionBarSize"
    android:layout_alignParentTop="true"
    android:gravity="center_vertical"
    android:paddingLeft="@dimen/standart_side_margin"
    android:textSize="30sp" />

<RelativeLayout
    android:id="@+id/clickable"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_below="@id/menu_tv_logo"
    android:layout_marginBottom="10dp"
    android:layout_marginTop="10dp"
    android:clickable="true"
    android:paddingLeft="@dimen/standart_side_margin" >

    <com.reconti.app.widgets.RoundedImageView
        android:id="@+id/menu_profile_avatar"
        android:layout_width="60dp"
        android:layout_height="60dp"
        android:layout_alignParentLeft="true"
        android:layout_centerVertical="true"
        android:scaleType="fitCenter"
        android:src="@drawable/com_facebook_profile_picture_blank_portrait" />

    <TextView
        android:id="@+id/menu_user_name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerVertical="true"
        android:layout_marginLeft="10dp"
        android:layout_toRightOf="@id/menu_profile_avatar"
        android:singleLine="true"
        android:textAppearance="?android:attr/textAppearanceMedium"
        android:textColor="@color/white" />
</RelativeLayout>

<ExpandableListView
    android:id="@+id/lview"
    android:layout_width="fill_parent"
    android:layout_height="0dp"
    android:childDivider="@color/menu_divider_color"
    android:divider="@color/menu_divider_color"
    android:dividerHeight="1dp"
    android:footerDividersEnabled="false"
    android:groupIndicator="@null"
    android:headerDividersEnabled="false"
    android:listSelector="@drawable/expandable_row_background" />

<TextView
    android:id="@+id/footer"
    android:layout_width="wrap_content"
    android:layout_height="0dp"
    android:layout_alignParentBottom="true"
    android:layout_marginTop="10dp"
    android:gravity="center"
    android:singleLine="true"
    android:textAppearance="?android:attr/textAppearanceSmall"
    android:textColor="@color/white" />
</RelativeLayout>

Everything looks good as long as user hit some option in expandable list. Then "lview" overlaps "footer". I would like to achive effect, that "lview" remains on top of "footer" and "footer" remains on bottom of "relative" and only bottom of "lview" is visible to user (so top goes under "clickable"). I hope I explained it clearly:)

asked 1 min ago

Bresiu

470