如何将我的按钮放在视图的右侧

时间:2015-08-20 12:55:03

标签: android xml android-layout alignment

我想在我视图的最右侧放置一个按钮,但我从谷歌搜索中尝试过的所有东西都没有用。目前它看起来像这样

Screen shot

这个的xml代码在

之下
    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="50dp"
        android:layout_alignParentRight="true"
        android:layout_alignParentEnd="true"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"
        android:orientation="horizontal"
        android:layout_below="@+id/HeaderFrame"
        android:id="@+id/headerPanel">
        <LinearLayout
            android:layout_width="130dp"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            android:orientation="horizontal"
            android:id="@+id/LeftFrame">
            <TextView
                android:layout_width="45dp"
                android:layout_height="45dp"
                android:id="@+id/backBttn"
                android:textSize="30dp"
                android:text="&lt;"
                android:layout_below="@+id/HeaderFrame"
                android:layout_alignParentLeft="true"
                android:textStyle="bold"
                android:background="#ff9d9d9d"
                android:gravity="center_vertical|center_horizontal" />
            <TextView
                android:layout_width="45dp"
                android:layout_height="45dp"
                android:id="@+id/forwardBttn"
                android:textSize="30dp"
                android:text="&gt;"
                android:layout_below="@+id/HeaderFrame"
                android:textStyle="bold"
                android:background="#ff9d9d9d"
                android:gravity="center_vertical|center_horizontal"
                android:layout_marginLeft="5dp" />
        </LinearLayout>

        <Button
            android:layout_width="220dp"
            android:layout_height="50dp"
            android:id="@+id/CheckOutBttn"
            android:text="Return to Checkout"
            android:textColor="#ffffffff"
            android:textSize="20dp"
            android:layout_alignParentRight="true"                
            android:background="@drawable/template_green" />
    </LinearLayout>

有人可以告诉我怎么做。

5 个答案:

答案 0 :(得分:0)

如果你想玩LinearLayout

,你可以尝试这种布局
<LinearLayout 
    android:layout_width="match_parent"
    android:layout_height="50dp"
    android:orientation="horizontal" >

    <TextView
        android:id="@+id/backBttn"
        android:layout_width="45dp"
        android:layout_height="45dp"
        android:background="#ff9d9d9d"
        android:gravity="center_vertical|center_horizontal"
        android:text="&lt;"
        android:textSize="30dp"
        android:textStyle="bold" />

    <TextView
        android:id="@+id/forwardBttn"
        android:layout_width="45dp"
        android:layout_height="45dp"
        android:layout_marginLeft="5dp"
        android:background="#ff9d9d9d"
        android:gravity="center_vertical|center_horizontal"
        android:text=">"
        android:textSize="30dp"
        android:textStyle="bold" />

    <View
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1" />

    <Button
        android:layout_width="220dp"
        android:layout_height="50dp"
        android:id="@+id/CheckOutBttn"
        android:text="Return to Checkout"
        android:textColor="#ffffffff"
        android:textSize="20dp"
        android:background="@drawable/template_green" />

</LinearLayout>

答案 1 :(得分:0)

你的错误是什么

在您的xml中设置android:layout_alignParentRight这是相对布局属性。但是您使用线性布局。

android:layout_alignParentRight : 如果为true,则使此视图的右边缘与父级的右边缘匹配。容纳正确的保证金。

因此,请设置您的父级布局 Relative Layout instead Linear Layout

请在同一RelativeLayout中设置 2 Textview和Button

答案 2 :(得分:-1)

只需将您的问题的最高<LinearLayout>更改为<RelativeLayout>

答案 3 :(得分:-1)

作为布局的根目录,您必须使用<RelativeLayout>代替<LinearLayout>

答案 4 :(得分:-1)

以下是您希望实现的格式化代码段:

<RelativeLayout
    android:layout_width="fill_parent"
    android:layout_height="50dp"
    android:layout_alignParentRight="true"
    android:layout_alignParentEnd="true"
    android:layout_alignParentLeft="true"
    android:layout_alignParentStart="true"
    android:layout_below="@+id/HeaderFrame"
    android:id="@+id/headerPanel">
    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:orientation="horizontal"
        android:id="@+id/LeftFrame">
        <TextView
            android:layout_width="45dp"
            android:layout_height="45dp"
            android:id="@+id/backBttn"
            android:textSize="30dp"
            android:text="&lt;"
            android:layout_alignParentLeft="true"
            android:textStyle="bold"
            android:background="#ff9d9d9d"
            android:gravity="center_vertical|center_horizontal" />
        <TextView
            android:layout_width="45dp"
            android:layout_height="45dp"
            android:id="@+id/forwardBttn"
            android:textSize="30dp"
            android:text="&gt;"
            android:textStyle="bold"
            android:background="#ff9d9d9d"
            android:gravity="center_vertical|center_horizontal"
            android:layout_marginLeft="5dp" />
    </LinearLayout>

    <Button
        android:layout_width="220dp"
        android:layout_height="50dp"
        android:id="@+id/CheckOutBttn"
        android:text="Return to Checkout"
        android:textColor="#ffffffff"
        android:textSize="20dp"
        android:layout_alignParentRight="true"                
        android:background="@drawable/template_green" />
</RelativeLayout>