Question

我有一个看起来像这样的XML布局文件

<?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/toppane"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:layout_alignParentTop="true" >
    </RelativeLayout>
    <RelativeLayout
        android:id="@+id/bottompane"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true">
        <Button
            android:id="@+id/genericbutton"
            android:layout_width="50dp"
            android:layout_height="50dp"
            android:layout_alignParentBottom="true" />
        <Button
            android:layout_width="50dp"
            android:layout_height="50dp"
            android:layout_above="@id/genericbutton" />
        <Button
            android:layout_width="50dp"
            android:layout_height="50dp"
            android:layout_toRightOf="@id/genericbutton"
            android:layout_alignTop="@id/genericbutton" />
    </RelativeLayout>   
</RelativeLayout>

我希望bottompane将其内容包装在宽度和高度上。

bottompane上的Wrap_content适用于宽度（总共100dp），但wrap_content似乎不适用于高度。 bottompane获得父亲的高度，因此toppane甚至不可见。

为什么会这样？我错过了什么或做错了什么？

编辑：图片即将推出。我想要实现的是，bottompanel的高度只是包裹其内容。所以不要高于彼此之上的两个按钮（100dp），并且toppanel要填充bottompane上方的其余空间，直到它与其父级对齐。

EDIT2：image http://img405.imageshack.us/img405/9871/wrapcontent.png 虽然高度设置为wrap_content，但蓝线是布局的内容。红线应该是什么（只是包装内容）。绿线是如何布置toppane（坚持bottompane的顶部）

Answer 1

您不能在RelativeLayout中拥有带有alignParenBottom和wrap_content的子项。解释是here

一种可能的解决方案是嵌套LinearLayouts

<RelativeLayout
    android:id="@+id/toppane"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_above="@+id/bottompane"
    android:layout_alignParentTop="true" >
</RelativeLayout>

<LinearLayout
    android:id="@+id/bottompane"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:orientation="vertical" >

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

        <Button
            android:layout_width="50dp"
            android:layout_height="50dp" />
    </LinearLayout>

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

        <Button
            android:layout_width="50dp"
            android:layout_height="50dp" />

        <Button
            android:layout_width="50dp"
            android:layout_height="50dp" />
    </LinearLayout>
</LinearLayout>

Answer 2

只需替换您的buttons职位和与此

的关系

<Button
            android:id="@+id/firstButton"
            android:layout_width="50dp"
            android:layout_height="50dp"/>

        <Button
            android:id="@+id/genericbutton"
            android:layout_width="50dp"
            android:layout_height="50dp"
            android:layout_below="@+id/firstButton" />

        <Button
            android:layout_width="50dp"
            android:layout_height="50dp"
            android:layout_below="@+id/firstButton"
            android:layout_toRightOf="@id/genericbutton" />

Answer 3

尝试使用垂直线性布局替换父相对布局。

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >
    <RelativeLayout
        android:id="@+id/toppane"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:layout_alignParentTop="true" >
    </RelativeLayout>
    <RelativeLayout
        android:id="@+id/bottompane"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true">
        <Button
            android:id="@+id/genericbutton"
            android:layout_width="50dp"
            android:layout_height="50dp"
            android:layout_alignParentBottom="true" />
        <Button
            android:layout_width="50dp"
            android:layout_height="50dp"
            android:layout_above="@id/genericbutton" />
        <Button
            android:layout_width="50dp"
            android:layout_height="50dp"
            android:layout_toRightOf="@id/genericbutton"
            android:layout_alignTop="@id/genericbutton" />
    </RelativeLayout>   
</LinearLayout>

Android layout_height没有wrap_content

3 个答案: