RelativeLayout:在视图之间改变相对时的不同结果

时间:2013-11-11 07:17:21

标签: android android-layout relativelayout

我有这样的布局:首先,是一个微调器,之后是一个列表视图,之后是一个linearlayout包括EditText和Button,并且在屏幕的底部是一个Button。

这是我的第一个布局文件:

<RelativeLayout 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"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:orientation="vertical">

    <Spinner
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:textColor="#0e0e0e"
        android:layout_above="@+id/list_view"
        android:id="@+id/spinner"/>

    <ListView
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:id="@+id/list_view"
        android:layout_alignParentLeft="true"
        android:layout_above="@+id/linear_layout" />


    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:id="@+id/linear_layout"
        android:layout_above="@+id/search_btn"
        android:weightSum="3"
        android:layout_alignParentLeft="true">

        <EditText
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:id="@+id/insert_chord_edit_text"
            android:layout_weight="2"
            android:text=""/>

        <Button
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:id="@+id/add_chord_button"
            android:layout_weight="1"
            android:text="Add"/>

    </LinearLayout>

    <Button
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:id="@+id/search_btn"
        android:text="Search"
        android:layout_alignParentBottom="true"
        android:layout_alignParentRight="true"
        android:layout_marginBottom="32dp" />

</RelativeLayout>

一切正常,但我看不到Spinner。 (我在真实设备上测试过)。之后,我改变上面的布局。而不是说:spinner is above listviewlistview is above of linearlayout。我改为:listview is below of spinnerlistview is above of linearlayout。我已经改变如下布局:

<RelativeLayout 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"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:orientation="vertical">

    <Spinner
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:textColor="#0e0e0e"
        android:id="@+id/spinner"/>

    <ListView
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:id="@+id/list_view"
        android:layout_alignParentLeft="true"
        android:layout_below="@+id/spinner"       // ADD THIS LINE
        android:layout_above="@+id/linear_layout" />


    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:id="@+id/linear_layout"
        android:layout_above="@+id/search_btn"
        android:weightSum="3"
        android:layout_alignParentLeft="true">

        <EditText
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:id="@+id/insert_chord_edit_text"
            android:layout_weight="2"
            android:text=""/>

        <Button
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:id="@+id/add_chord_button"
            android:layout_weight="1"
            android:text="Add"/>

    </LinearLayout>

    <Button
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:id="@+id/search_btn"
        android:text="Search"
        android:layout_alignParentBottom="true"
        android:layout_alignParentRight="true"
        android:layout_marginBottom="32dp" />

</RelativeLayout>

它可以按照我的意愿运作,但我无法解释原因。请告诉我。

谢谢:)

3 个答案:

答案 0 :(得分:1)

在第一种情况下,您的listview被称为高度填充父级,它具有layout_above属性但没有layout_below属性。因此listview占据了linear_layout元素之上的所有高度。这就是为什么你看不到spinner。因为listview会覆盖微调器的可见性。

答案 1 :(得分:1)

// try this
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:padding="5dp"
    android:orientation="vertical" >

    <Spinner
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"
        android:textColor="#0e0e0e"
        android:id="@+id/spinner"/>

    <ListView
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:id="@+id/list_view"/>


    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:layout_marginTop="5dp"
        android:id="@+id/linear_layout">

        <EditText
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:id="@+id/insert_chord_edit_text"
            android:layout_weight="2"
            android:text=""/>

        <Button
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:id="@+id/add_chord_button"
            android:layout_weight="1"
            android:text="Add"/>

    </LinearLayout>

    <Button
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:id="@+id/search_btn"
        android:text="Search"
        android:layout_marginBottom="5dp"
        android:layout_marginTop="5dp"/>
</LinearLayout>

答案 2 :(得分:0)

为您的Spinner设置layout_weight="1"可以解决您的问题。