屏幕角落的按钮

时间:2015-02-23 09:54:34

标签: xml android-layout button

我需要在左上角和右上角放置两个按钮。但我得到了左下角的两个按钮。我该如何更正代码?请帮忙。

<LinearLayout
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal" >

        <Button
            android:id="@+id/back_button"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:gravity="left"
            android:background="@drawable/new_back_button"
            android:contentDescription="@string/LeaveReq_back_button" />

        <Button
            android:id="@+id/logout_button"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@drawable/logout"
            android:contentDescription="@string/logout_button"
            android:gravity="right" />
</LinearLayout>

2 个答案:

答案 0 :(得分:2)

如果您想使用LinearLayout作为子视图(Button)的父级,并希望在两侧角落都有两个按钮,那么请更新您的代码,如下所示:

<LinearLayout
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal" >
    <Button
        android:id="@+id/back_button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:gravity="left"
        android:text="@string/hello_world"
        android:contentDescription="LeaveReq_back_button" />
    <View android:layout_height="wrap_content"
        android:layout_width="wrap_content"
        android:layout_weight="1"/>
    <Button
        android:id="@+id/logout_button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:contentDescription="logout_button"
        android:gravity="right" />
</LinearLayout>

如果您允许使用LinearLayout更新父级到RelativeLayout,那么您可以像下面一样更新它:

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

<Button
    android:id="@+id/back_button"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentStart="true"
    android:layout_alignParentTop="true"
    android:background="@drawable/new_back_button"
    android:contentDescription="@string/LeaveReq_back_button" />

<Button
    android:id="@+id/logout_button"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignBaseline="@+id/back_button"
    android:layout_alignParentEnd="true"
    android:layout_alignParentTop="true"
    android:background="@drawable/logout"
    android:contentDescription="@string/logout_button" />
</RelativeLayout>

现在由您决定如何使用它。

享受编码......:)

答案 1 :(得分:0)

使用LinearLayout,视图会根据其方向彼此相邻放置

您可以RelativeLayout使用align_parent来实现布局

以下是一个例子:

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

<Button
    android:id="@+id/back_button"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentStart="true"
    android:layout_alignParentTop="true"
    android:background="@drawable/new_back_button"
    android:contentDescription="@string/LeaveReq_back_button" />

<Button
    android:id="@+id/logout_button"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignBaseline="@+id/back_button"
    android:layout_alignParentEnd="true"
    android:layout_alignParentTop="true"
    android:background="@drawable/logout"
    android:contentDescription="@string/logout_button" />