3个按钮中的1个未显示

时间:2014-02-12 14:26:58

标签: android android-layout

所以我的布局包括:

<RelativeLayout
android:id="@+id/footer"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true">
 <Button
    android:id="@+id/ButtonOK"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_weight="1" 
    android:text="Go"
    style="@style/btnStyleBreakerBay"/>
    <Button
    android:id="@+id/ButtonAll"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_weight="1" 
    android:text="See All"
    android:layout_toRightOf="@+id/ButtonOk"
    style="@style/btnStyleBreakerBay"/>
    <Button
    android:id="@+id/ButtonBack"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_weight="1" 
    android:text="Back"
    android:layout_toRightOf="@+id/ButtonAll"
    style="@style/btnStyleBreakerBay"/>
</RelativeLayout>

我想要的是所有3个按钮穿过底部,但只有ButtonBack和ButtonAll显示但不占据整个底部。有人能帮我弄清楚我做错了吗?

提前谢谢你, 泰勒

4 个答案:

答案 0 :(得分:2)

<LinearLayout
    android:weightSum="3"
    android:id="@+id/footer"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true">
    <Button
        android:id="@+id/ButtonOK"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="1" 
        android:text="Go"
        style="@style/btnStyleBreakerBay"/>
    <Button
        android:id="@+id/ButtonAll"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="1" 
        android:text="See All"
        android:layout_toRightOf="@+id/ButtonOK" 
        style="@style/btnStyleBreakerBay"/>
    <Button
        android:id="@+id/ButtonBack"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="1" 
        android:text="Back"
        android:layout_toRightOf="@+id/ButtonAll"
        style="@style/btnStyleBreakerBay"/>
</LinearLayout>

根据您的选择设置布局方向。使用android:orientation="vertical"

android:orientation="horizontal"

答案 1 :(得分:2)

使用此编辑的代码

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/footer"
android:layout_width="fill_parent"
android:layout_height="wrap_content" >

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

    <Button
        android:id="@+id/ButtonOK"
        style="@style/btnStyleBreakerBay"
        android:layout_width="0px"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:text="Go" />

    <Button
        android:id="@+id/ButtonAll"
        style="@style/btnStyleBreakerBay"
        android:layout_width="0px"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:text="See All" />

    <Button
        android:id="@+id/ButtonBack"
        style="@style/btnStyleBreakerBay"
        android:layout_width="0px"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:text="Back" />

</LinearLayout>

</RelativeLayout>

希望这会有所帮助

答案 2 :(得分:1)

有两个透支按钮。有ButtonOK,然后是不存在目标android:layout_toRightOf="@+id/ButtonOk"的规则(请注意k中的小写Ok)。这使“全部”按钮绘制在“确定”按钮上。

要使它们左右显示,请更改ID以使其彼此匹配。

要使按钮大小相等并占用所有水平空间,请将RelativeLayout更改为LinearLayout并将按钮宽度更改为0px,然后移除layout_toRightOf }仅在RelativeLayout中有效的规则。

(请注意,layout_weight仅适用于LinearLayout。)

答案 3 :(得分:0)

试试这个:

    <RelativeLayout
android:id="@+id/footer"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true">
    <Button
    android:id="@+id/ButtonAll"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_weight="1" 
    android:text="See All"
    android:layout_toRightOf="@+id/ButtonOk"
   style="@style/btnStyleBreakerBay" />
    <Button
    android:id="@+id/ButtonBack"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_weight="1" 
    android:text="Back"
    android:layout_toRightOf="@+id/ButtonAll"
    style="@style/btnStyleBreakerBay"/>

    <Button
        android:id="@+id/ButtonOK"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_toRightOf="@+id/ButtonBack"
        android:layout_weight="1"
        android:text="Go"
        style="@style/btnStyleBreakerBay" />

</RelativeLayout>