相对视图android中的listview

Question

我试图在屏幕上有两个面板，在顶部，我有listview驻留在relativelayout中。 我将listview放在relativelayout内，因为只需要分隔每个面板，我就需要有一些边框颜色或其他颜色。

问题是相对布局的大小比listview大，并且如果listview中没有元素可以填充相对布局，那么就会有额外的颜色。 我陷入其中，如何平衡两个面板。 谢谢

这是我的xml文件

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:background="#ffffff"
android:layout_height="match_parent"
android:id="@+id/main_panel">
<RelativeLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/top_panel"
android:layout_alignParentTop="true"
android:background="#D3D3D3"
android:layout_above="@+id/chart">
   <ListView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:id="@+id/list"
    android:divider="@null"
    android:dividerHeight="0dp"
    android:layout_marginTop="5dp"
    android:layout_marginBottom="5dp"
    android:layout_alignParentTop="true"
    android:layout_alignParentLeft="true"
    android:layout_alignParentStart="true" />
</RelativeLayout>
  <FrameLayout
    android:layout_width="match_parent"
    android:layout_height="200dip"
    android:id="@+id/chart"
    android:orientation="vertical"
    android:background="#ffffff"
    android:layout_alignParentBottom="true"
    android:layout_alignParentLeft="true"
    android:layout_alignParentStart="true"> </FrameLayout></RelativeLayout>

Answer 1

像这样更改布局：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:background="#ffffff"
android:layout_height="wrap_content"
android:id="@+id/main_panel">
<RelativeLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/top_panel"
android:layout_alignParentTop="true"
android:background="#D3D3D3"
android:layout_above="@+id/chart">
   <ListView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:id="@+id/list"
    android:divider="@null"
    android:dividerHeight="0dp"
    android:layout_marginTop="5dp"
    android:layout_marginBottom="5dp"
    android:layout_alignParentTop="true"
    android:layout_alignParentLeft="true"
    android:layout_alignParentStart="true" />
</RelativeLayout>
  <FrameLayout
    android:layout_width="match_parent"
    android:layout_height="200dip"
    android:id="@+id/chart"
    android:orientation="vertical"
    android:background="#ffffff"
    android:layout_alignParentBottom="true"
    android:layout_alignParentLeft="true"
    android:layout_alignParentStart="true"> </FrameLayout></RelativeLayout>

通过在列表为空时将RelativeLayout高度设置为wrap_content ，整个视图会变小，如果您不希望这样做，则应将ListView高度更改为match_parent

Answer 2

我优化的解决方案是：

<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/main_panel"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#ffffff"
    >
    <FrameLayout
        android:id="@+id/chart"
        android:layout_width="match_parent"
        android:layout_height="200dp"
        android:orientation="vertical"
        android:background="#ffffff"
        android:layout_alignParentBottom="true"
    />
    <ListView
        android:id="@+id/top_panel"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_alignParentTop="true"
        android:layout_below="@id/chart"
        android:background="#d3d3d3"
        android:id="@+id/list"
        android:divider="@null"
        android:dividerHeight="0dp"
        android:layout_marginTop="5dp"
        android:layout_marginBottom="5dp"
    />
</RelativeLayout>