1

我有一个看起来像这样的 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>

我希望底部窗格将其内容包装在宽度和高度上。

底部窗格上的 Wrap_content 适用于宽度(总共 100dp),但 wrap_content 似乎不适用于高度。bottompane 获取父级的高度,因此 toppane 甚至不可见。

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

编辑:图片很快就会出现。我想要实现的是底部面板具有简单地包装其内容的高度。所以不要高于彼此上方的两个按钮(100dp),顶部面板填充底部面板上方的其余空间,一直到它与父级对齐。

EDIT2:图像 http://img405.imageshack.us/img405/9871/wrapcontent.png 蓝线是布局,尽管高度设置为 wrap_content。红线是应该的(只是包装内容)。绿线是toppane的布局方式(粘在bottompane的顶部)

4

3 回答 3

0

在 RelativeLayout 中不能有 alignParenBottom 和 wrap_content 的孩子。解释在这里

一种可能的解决方案是嵌套 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>

于 2012-09-05T11:45:23.327 回答
0

用这个替换你的 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" />
于 2012-09-05T11:49:43.290 回答
0

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

<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>
于 2012-09-05T12:06:47.860 回答