列表视图上方和下方的布局，但上面的布局正在隐藏

Question

我有一个问题。我有一个布局XML，我有两个ListView 布局。我的问题是，当我运行应用程序时，上面的布局，即topButtonsBar正在隐藏。请帮我解决我的问题。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <RelativeLayout
        android:id="@+id/topButtonsBar"
        android:background="#4777"
        android:paddingLeft="10dip"
        android:paddingRight="10dip"

        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <ImageButton
            android:id="@+id/sectionFilter"
            android:onClick="onClick"
            android:background="@android:color/transparent"
            android:src="@drawable/filter"
            android:layout_alignParentLeft="true"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />

        <ImageButton
            android:background="@android:color/transparent"
            android:src="@drawable/app_icon"
            android:layout_alignParentRight="true"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />

    </RelativeLayout>

    <ListView
        android:id="@android:id/list"
        android:cacheColorHint="@android:color/transparent"
        android:smoothScrollbar="true"
        android:choiceMode="singleChoice" 
        android:drawSelectorOnTop="true"
        android:transcriptMode="disabled"
        android:scrollingCache="true" 

        android:layout_width="match_parent"
        android:layout_height="match_parent"/>

    <LinearLayout
        android:id="@+id/navBar"
        android:orientation="horizontal"
        android:background="#4777"
        android:paddingLeft="10dip"
        android:paddingRight="10dip"
        android:layout_alignParentBottom="true"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <ImageButton
            android:id="@+id/firehose"
            android:onClick="onClick"
            android:background="@android:color/transparent"
            android:src="@drawable/article"

            android:padding="6dip"
            android:layout_weight="1"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />

        <ImageButton
            android:id="@+id/weather"
            android:onClick="onClick"
            android:background="@android:color/transparent"
            android:src="@drawable/weather"

            android:padding="6dip"
            android:layout_weight="1"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />

        <ImageButton
            android:id="@+id/traffic"
            android:onClick="onClick"
            android:background="@android:color/transparent"
            android:src="@drawable/traffic"

            android:padding="6dip"
            android:layout_weight="1"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />

        <ImageButton
            android:id="@+id/livestream"
            android:onClick="onClick"
            android:background="@android:color/transparent"
            android:src="@drawable/video"

            android:padding="6dip"
            android:layout_weight="1"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />


        <ImageButton
            android:id="@+id/moreSections"
            android:onClick="onClick"
            android:background="@android:color/transparent"
            android:src="@drawable/categories"

            android:padding="6dip"
            android:layout_weight="1"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />

    </LinearLayout>

</RelativeLayout>

Answer 1

粘贴到布局下面，它会正常工作，只需替换你的图像名称，因为我使用了ic_launcher。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <RelativeLayout
        android:id="@+id/topButtonsBar"
        android:background="#4777"
        android:paddingLeft="10dip"
        android:paddingRight="10dip"

        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <ImageButton
            android:id="@+id/sectionFilter"
            android:onClick="onClick"
            android:background="@android:color/transparent"
            android:src="@drawable/filter"
            android:layout_alignParentLeft="true"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />

        <ImageButton
            android:background="@android:color/transparent"
            android:src="@drawable/ic_launcher"
            android:layout_alignParentRight="true"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />

    </RelativeLayout>

    <ListView
        android:id="@android:id/list"
        android:cacheColorHint="@android:color/transparent"
        android:smoothScrollbar="true"
        android:choiceMode="singleChoice"
        android:drawSelectorOnTop="true"
        android:transcriptMode="disabled"
        android:scrollingCache="true"
        android:layout_below="@+id/topButtonsBar"
        android:layout_above="@+id/navBar"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>

    <LinearLayout
        android:id="@+id/navBar"
        android:orientation="horizontal"
        android:background="#4777"
        android:paddingLeft="10dip"
        android:paddingRight="10dip"
        android:layout_alignParentBottom="true"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <ImageButton
            android:id="@+id/firehose"
            android:onClick="onClick"
            android:background="@android:color/transparent"
            android:src="@drawable/ic_launcher"

            android:padding="6dip"
            android:layout_weight="1"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />

        <ImageButton
            android:id="@+id/weather"
            android:onClick="onClick"
            android:background="@android:color/transparent"
            android:src="@drawable/ic_launcher"

            android:padding="6dip"
            android:layout_weight="1"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />

        <ImageButton
            android:id="@+id/traffic"
            android:onClick="onClick"
            android:background="@android:color/transparent"
            android:src="@drawable/ic_launcher"

            android:padding="6dip"
            android:layout_weight="1"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />

        <ImageButton
            android:id="@+id/livestream"
            android:onClick="onClick"
            android:background="@android:color/transparent"
            android:src="@drawable/ic_launcher"
            android:padding="6dip"
            android:layout_weight="1"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />


        <ImageButton
            android:id="@+id/moreSections"
            android:onClick="onClick"
            android:background="@android:color/transparent"
            android:src="@drawable/ic_launcher"
            android:padding="6dip"
            android:layout_weight="1"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />

    </LinearLayout>

</RelativeLayout>

Answer 2

试试这个

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

<RelativeLayout
    android:id="@+id/topButtonsBar"
    android:background="#4777"
    android:paddingLeft="10dip"
    android:paddingRight="10dip"
    android:layout_alignParentTop="true"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <ImageButton
        android:id="@+id/sectionFilter"
        android:onClick="onClick"
        android:background="@android:color/transparent"
        android:src="@drawable/filter"
        android:layout_alignParentLeft="true"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

    <ImageButton
        android:background="@android:color/transparent"
        android:src="@drawable/app_icon"
        android:layout_alignParentRight="true"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

</RelativeLayout>

<ListView
    android:id="@android:id/list"
    android:cacheColorHint="@android:color/transparent"
    android:smoothScrollbar="true"
    android:choiceMode="singleChoice" 
    android:drawSelectorOnTop="true"
    android:transcriptMode="disabled"
    android:scrollingCache="true" 
    android:layout_below="@+id/topButtonsBar"
    android:layout_above="@+id/navBar"
    android:layout_width="match_parent"
    android:layout_height="match_parent"/>

<LinearLayout
    android:id="@+id/navBar"
    android:orientation="horizontal"
    android:background="#4777"
    android:paddingLeft="10dip"
    android:paddingRight="10dip"
    android:layout_alignParentBottom="true"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <ImageButton
        android:id="@+id/firehose"
        android:onClick="onClick"
        android:background="@android:color/transparent"
        android:src="@drawable/article"

        android:padding="6dip"
        android:layout_weight="1"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

    <ImageButton
        android:id="@+id/weather"
        android:onClick="onClick"
        android:background="@android:color/transparent"
        android:src="@drawable/weather"

        android:padding="6dip"
        android:layout_weight="1"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

    <ImageButton
        android:id="@+id/traffic"
        android:onClick="onClick"
        android:background="@android:color/transparent"
        android:src="@drawable/traffic"

        android:padding="6dip"
        android:layout_weight="1"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

    <ImageButton
        android:id="@+id/livestream"
        android:onClick="onClick"
        android:background="@android:color/transparent"
        android:src="@drawable/video"

        android:padding="6dip"
        android:layout_weight="1"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />


    <ImageButton
        android:id="@+id/moreSections"
        android:onClick="onClick"
        android:background="@android:color/transparent"
        android:src="@drawable/categories"

        android:padding="6dip"
        android:layout_weight="1"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

</LinearLayout>

Answer 3

父布局是RelativeLayout，您应该将 layout_below 添加到ListView中，就像这样

 <ListView
    android:id="@android:id/list"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_below="@+id/topButtonsBar"
    android:cacheColorHint="@android:color/transparent"
    android:choiceMode="singleChoice"
    android:drawSelectorOnTop="true"
    android:scrollingCache="true"
    android:smoothScrollbar="true"
    android:transcriptMode="disabled" />

这将使ListView位于第一个布局下方。