Question

有人可以解释为什么布局比垂直按钮大得多。我使用WRAP_CONTENT作为布局高度。第二个按钮就消失了。

布局：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="#f00"
    >
    <Button  
        android:id="@+id/Button01"  
        android:text="Button One big button"  
        android:layout_width="wrap_content"   
        android:layout_height="wrap_content"></Button>
    <Button  
        android:id="@+id/Button02"  
        android:text="Button Two"
        android:layout_toLeftOf="@id/Button01"   
        android:layout_width="wrap_content"   
        android:layout_height="wrap_content"></Button>
</RelativeLayout>

enter image description here

我可以看到，这是因为使用了layout_toLeftOf标记，其中锚点视图（按钮01）的位置宽度明确没有被精确定义。我在这里寻找更多的见解。任何人都可以插入？

提前致谢。

编辑：

为什么Button 2消失：Quiroga在下面给出了一个很好的答案
为什么布局高度增加：实验表明它是因为 Button02宽度!!平台已将按钮02推到布局左侧的不可用空间，但将其压缩到单个字符宽度。例如，如果改变按钮02的文本如下

android：text =“Btn 2”

然后输出更改为（布局高度减少）

所以底线 - 确保使用正确的对齐参数。否则你的一些观点可能会消失，更糟糕的布局外观可能与你的期望大不相同！

Answer 1

更改为：

   <Button  
        android:id="@+id/Button02"  
        android:text="Button Two"
        android:layout_toRightOf="@id/Button01"   
        android:layout_width="wrap_content"   
        android:layout_height="wrap_content"></Button>

我想你错过了layout_toLeftOf param。

这使得您的第一个按钮保持此图像方式（使用layout_toLeftOf）：

             |<-- R Layout width-->| 
  |Button Two|Button One big button|
             |                     |
             |_____________________|

为了理解这个问题，我解释一下（但也许我错了）：

布局放在RelativeLayout中，它是在XML文件中看到的第一个元素。然后，如果你将wrap_content放在按钮中，而在RelativeLayout中放置相同的内容，它首先会测量它的大小并将其放入其中。默认情况下将其与左上方放置器对齐，并在看到右侧，向下方向没有任何物体时将RelativeLayout宽度设置为固定。

P.S：是的，你可以把一个元素放在屏幕外;）

为什么布局高度大于预期

1 个答案: