并排查看两个按钮

Question

我有两个按钮登录和扫描。我希望这些按钮处于水平方向，就像在一行中一样。我把布局拉平了。但它不起作用。它们应该并排出现。我的代码如下。

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/imagesand"
android:orientation="vertical"
tools:context=".MainActivity" >

<ImageView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center"
    android:layout_marginTop="5dp"
    />

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/imagesand"
    android:gravity="center"
    android:orientation="vertical" >

    <LinearLayout
        android:layout_width="207dp"
        android:layout_height="wrap_content"
        android:layout_marginLeft="40dp"
        android:layout_marginRight="40dp"
        android:background="@drawable/loginbg"
        android:gravity="center"
        android:orientation="vertical"
        android:layout_alignParentBottom="true"
        android:paddingLeft="20dp"
        android:paddingRight="20dp" >

        <TextView
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="10dp"
            android:text="User Name"
            android:textAppearance="@android:style/TextAppearance.Medium" />

        <EditText
            android:id="@+id/emailid"
            android:layout_width="156dp"
            android:layout_height="45dp"
            android:layout_marginTop="5dp"
            android:background="@drawable/button"
            android:hint="User Name"
            android:inputType="text"
            android:paddingLeft="10dp"
            android:textAppearance="@android:style/TextAppearance.Medium" />

        <TextView
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="15dp"
            android:text="Password"
            android:textAppearance="@android:style/TextAppearance.Medium" />

        <EditText
            android:id="@+id/password"
            android:layout_width="156dp"
            android:layout_height="45dp"
            android:layout_marginTop="5dp"
            android:background="@drawable/button"
            android:hint="Password"
            android:inputType="textPassword"
            android:paddingLeft="10dp"
            android:textAppearance="@android:style/TextAppearance.Medium" />

        <Button
            android:id="@+id/login"
            android:layout_width="71dp"
            android:layout_height="wrap_content"
            android:layout_marginBottom="10dp"
            android:layout_marginTop="15dp"
            android:layout_weight="1"
            android:background="@drawable/login"

            android:text="Login"
            android:textAppearance="@android:style/TextAppearance.Medium"
            android:textColor="#000000"
            android:typeface="serif" />

        <Button android:id="@+id/scan"
            and 
            android:layout_width="71dp" 
            android:layout_height="wrap_content"
             android:layout_marginBottom="10dp"
              android:layout_marginTop="15dp" 
              android:layout_weight="1" 
              android:background="@drawable/login"
               android:text="scan"/>
    </LinearLayout>

   </LinearLayout>

</LinearLayout>

Answer 1

只需将两个按钮放在LinearLayout，其方向必须为horizontal

Answer 2

简单地使用这个..

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="vertical" >

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

    <Button
        android:id="@+id/textView"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_gravity="left|center"
        android:layout_weight="1"
        android:text="Login"
        android:textColor="#000000" />

    <Button
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_gravity="right"
        android:layout_weight="1"
         android:text="Scan"
        android:textColor="#000000" />
</LinearLayout>
</LinearLayout>

Answer 3

Use this code:

<ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:layout_marginTop="5dp"
        />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@drawable/imagesand"
        android:gravity="center"
        android:orientation="vertical" >

        <LinearLayout
            android:layout_width="207dp"
            android:layout_height="wrap_content"
            android:layout_marginLeft="40dp"
            android:layout_marginRight="40dp"
            android:background="@drawable/loginbg"
            android:gravity="center"
            android:orientation="vertical"
            android:layout_alignParentBottom="true"
            android:paddingLeft="20dp"
            android:paddingRight="20dp" >

            <TextView
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="10dp"
                android:text="User Name"
                android:textAppearance="@android:style/TextAppearance.Medium" />

            <EditText
                android:id="@+id/emailid"
                android:layout_width="156dp"
                android:layout_height="45dp"
                android:layout_marginTop="5dp"
                android:background="@drawable/button"
                android:hint="User Name"
                android:inputType="text"
                android:paddingLeft="10dp"
                android:textAppearance="@android:style/TextAppearance.Medium" />

            <TextView
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="15dp"
                android:text="Password"
                android:textAppearance="@android:style/TextAppearance.Medium" />

            <EditText
                android:id="@+id/password"
                android:layout_width="156dp"
                android:layout_height="45dp"
                android:layout_marginTop="5dp"
                android:background="@drawable/button"
                android:hint="Password"
                android:inputType="textPassword"
                android:paddingLeft="10dp"
                android:textAppearance="@android:style/TextAppearance.Medium" />
      <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:orientation="horizontal"
            <Button
                android:id="@+id/login"
                android:layout_width="71dp"
                android:layout_height="wrap_content"
                android:layout_marginBottom="10dp"
                android:layout_marginTop="15dp"
                android:layout_weight="1"
                android:background="@drawable/login"

                android:text="Login"
                android:textAppearance="@android:style/TextAppearance.Medium"
                android:textColor="#000000"
                android:typeface="serif" />

            <Button android:id="@+id/scan"
                and 
                android:layout_width="71dp" 
                android:layout_height="wrap_content"
                 android:layout_marginBottom="10dp"
                  android:layout_marginTop="15dp" 
                  android:layout_weight="1" 
                  android:background="@drawable/login"
                   android:text="scan"/>
    </LinearLayout>
        </LinearLayout>

       </LinearLayout>

    </LinearLayout>

Answer 4

您可以将按钮包裹在水平LinearLayout中，如下所示：

<LinearLayout
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:orientation="horizontal" >
    <Button
        android:id="@+id/login"
        android:layout_width="71dp"
        android:layout_height="wrap_content"
        android:layout_marginBottom="10dp"
        android:layout_marginTop="15dp"
        android:layout_weight="1"
        android:background="@drawable/login"

        android:text="Login"
        android:textAppearance="@android:style/TextAppearance.Medium"
        android:textColor="#000000"
        android:typeface="serif" />

    <Button android:id="@+id/scan"
        android:layout_width="71dp" 
        android:layout_height="wrap_content"
        android:layout_marginBottom="10dp"
        android:layout_marginTop="15dp" 
        android:layout_weight="1" 
        android:background="@drawable/login"
        android:text="scan"/>
</LinearLayout>

或使用RelativeLayout。

Answer 5

RealtiveLayout是最佳选择：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
>
<Button
android:id="@+id/button01"
android:layout_width="wrap_content"
android:layout_height="wrap_content" 
android:layout_below="@id/entry" 
android:layout_alignParentLeft="true"
android:layout_toLeftOf="@+id/space"
/>
<TextView
android:id="@id/space"
android:layout_width="wrap_content"
android:layout_height="wrap_content" 
android:layout_centerHorizontal="true"/>
<Button
android:id="@+id/button02"
android:layout_toRightOf="@id/button01"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_below="@id/entry" 
android:layout_alignParentRight="true"
/>  
</RelativeLayout>

好像你想要两个相同的按钮，而不是包装内容。我使用TextView创建了一个居中的间隔符，并且相对对齐。左按钮为父左侧和间隔，右按钮为左按钮，右侧为父。

Answer 6

这应该有效：

更改这些，

   <Button
        android:id="@+id/login"
        android:layout_width="71dp"
        android:layout_height="wrap_content"
        android:layout_marginBottom="10dp"
        android:layout_marginTop="15dp"
        android:layout_weight="1"
        android:background="@drawable/login"

        android:text="Login"
        android:textAppearance="@android:style/TextAppearance.Medium"
        android:textColor="#000000"
        android:typeface="serif" />

    <Button android:id="@+id/scan"
        and 
        android:layout_width="71dp" 
        android:layout_height="wrap_content"
         android:layout_marginBottom="10dp"
          android:layout_marginTop="15dp" 
          android:layout_weight="1" 
          android:background="@drawable/login"
           android:text="scan"/>

有了这个，

 <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:gravity="center"
        android:orientation="horizontal" >

        <Button
            android:id="@+id/login"
            android:layout_width="71dp"
            android:layout_height="wrap_content"
            android:layout_marginBottom="10dp"
            android:layout_marginTop="15dp"
            android:layout_weight="1"
            android:background="@drawable/login"
            android:text="Login"
            android:textAppearance="@android:style/TextAppearance.Medium"
            android:textColor="#000000"
            android:typeface="serif" />

        <Button
            android:id="@+id/scan"
            android:layout_width="71dp"
            android:layout_height="wrap_content"
            android:layout_marginBottom="10dp"
            android:layout_marginTop="15dp"
            android:layout_weight="1"
            android:background="@drawable/login"
            android:text="scan" />
    </LinearLayout>