android - android中的按钮对齐

Question

我在 android 中有一个应用程序，其中 6ImageButtons必须自动对齐（相等）：顶部 3 和底部 3。

我试过这个：

<ImageButton
    android:id="@+id/imageButton2"
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    android:layout_alignParentTop="true"
    android:layout_centerHorizontal="true"
    android:background="@color/Black"
    android:contentDescription="@string/getting_started"
    android:scaleX="0.7"
    android:scaleY="0.7"
    android:onClick="imageButton2"
    android:src="@drawable/gettingstarted" />

<ImageButton
    android:id="@+id/imageButton1"
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    android:layout_alignParentLeft="true"
    android:layout_alignParentTop="true"
    android:layout_toLeftOf="@+id/imageButton2"
    android:background="@color/Black"
    android:contentDescription="@string/introduction"
    android:scaleX="0.7"
    android:scaleY="0.7"
    android:onClick="imageButton1"
    android:src="@drawable/introduction" />

<ImageButton
    android:id="@+id/imageButton3"
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    android:layout_alignParentRight="true"
    android:layout_alignParentTop="true"
    android:layout_toRightOf="@+id/imageButton2"
    android:background="@color/Black"
    android:contentDescription="@string/get_going"
    android:scaleX="0.7"
    android:scaleY="0.7"
    android:onClick="imageButton3"
    android:src="@drawable/getgoing" />

我想在下面的屏幕截图中有这个

Answer 1

尝试这个。根据您的要求更改图像名称和描述。

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

   <ImageButton
    android:id="@+id/imageButton1"
    android:layout_width="0dp"
    android:layout_height="match_parent"
    android:layout_weight="1"
    android:background="@color/Black"
    android:contentDescription="@string/getting_started"
    android:scaleX="0.7"
    android:scaleY="0.7"
    android:onClick="imageButton1"
    android:src="@drawable/gettingstarted" />

<ImageButton
    android:id="@+id/imageButton2"
    android:layout_width="0dp"
    android:layout_height="match_parent"
    android:layout_weight="1"
    android:background="@color/Black"
    android:contentDescription="@string/introduction"
    android:scaleX="0.7"
    android:scaleY="0.7"
    android:onClick="imageButton2"
    android:src="@drawable/introduction" />

<ImageButton
    android:id="@+id/imageButton3"
    android:layout_width="0dp"
    android:layout_height="match_parent"
    android:layout_weight="1"
    android:background="@color/Black"
    android:contentDescription="@string/get_going"
    android:scaleX="0.7"
    android:scaleY="0.7"
    android:onClick="imageButton3"
    android:src="@drawable/getgoing" />

</LinearLayout>

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

   <ImageButton
    android:id="@+id/imageButton4"
    android:layout_width="0dp"
    android:layout_height="match_parent"
    android:layout_weight="1"
    android:background="@color/Black"
    android:contentDescription="@string/getting_started"
    android:scaleX="0.7"
    android:scaleY="0.7"
    android:onClick="imageButton4"
    android:src="@drawable/gettingstarted" />

<ImageButton
    android:id="@+id/imageButton5"
    android:layout_width="0dp"
    android:layout_height="match_parent"
    android:layout_weight="1"
    android:background="@color/Black"
    android:contentDescription="@string/introduction"
    android:scaleX="0.7"
    android:scaleY="0.7"
    android:onClick="imageButton5"
    android:src="@drawable/introduction" />

<ImageButton
    android:id="@+id/imageButton6"
    android:layout_width="0dp"
    android:layout_height="match_parent"
    android:layout_weight="1"
    android:background="@color/Black"
    android:contentDescription="@string/get_going"
    android:scaleX="0.7"
    android:scaleY="0.7"
    android:onClick="imageButton6"
    android:src="@drawable/getgoing" />

</LinearLayout>

Answer 2

您可以使用 2 个具有水平方向的线性布局。这两个 LinearLayout 放置在另一个具有垂直方向的 LinearLayout 中。

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

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

        <ImageButton
android:id="@+id/imageButton2"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_centerHorizontal="true"
android:background="@color/Black"
android:contentDescription="@string/getting_started"
android:scaleX="0.7"
android:scaleY="0.7"
android:onClick="imageButton2"
android:src="@drawable/gettingstarted" />

 <ImageButton
android:id="@+id/imageButton1"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_toLeftOf="@+id/imageButton2"
android:background="@color/Black"
android:contentDescription="@string/introduction"
android:scaleX="0.7"
android:scaleY="0.7"
android:onClick="imageButton1"
android:src="@drawable/introduction" />

<ImageButton
android:id="@+id/imageButton3"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_toRightOf="@+id/imageButton2"
android:background="@color/Black"
android:contentDescription="@string/get_going"
android:scaleX="0.7"
android:scaleY="0.7"
android:onClick="imageButton3"
android:src="@drawable/getgoing" />

   </LinearLayout>

您可以为 ImageButtons 赋予 1 的权重和 0dp 的宽度，以便它们自动占据宽度的 1/3。

Answer 3

你可以使用类似的东西

  线性布局 [垂直]
         |
         |
          线性布局 [水平]
                  |
                  |
                   您的 3 个重量为“1”的按钮

          线性布局 [水平]
                  |
                  |
                   您的 3 个重量为“1”的按钮

Answer 4

尝试这个..

<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:layout_gravity="center"
    android:gravity="center"
    android:orientation="vertical" >

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

        <ImageButton
            android:id="@+id/imageButton2"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:background="#000000"
            android:contentDescription="@string/getting_started"
            android:scaleX="0.7"
            android:scaleY="0.7"
            android:onClick="imageButton2"
            android:src="@drawable/gettingstarted" />

        <ImageButton
            android:id="@+id/imageButton1"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:background="#000000"
            android:contentDescription="@string/introduction"
            android:scaleX="0.7"
            android:scaleY="0.7"
            android:onClick="imageButton1"
            android:src="@drawable/introduction"  />

        <ImageButton
            android:id="@+id/imageButton3"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:background="#000000"
            android:contentDescription="@string/get_going"
            android:scaleX="0.7"
            android:scaleY="0.7"
            android:onClick="imageButton3"
            android:src="@drawable/getgoing" />
    </LinearLayout>

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

        <ImageButton
            android:id="@+id/imageButton2"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:background="#000000"
            android:contentDescription="@string/getting_started"
            android:scaleX="0.7"
            android:scaleY="0.7"
            android:onClick="imageButton2"
            android:src="@drawable/gettingstarted"  />

        <ImageButton
            android:id="@+id/imageButton1"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:background="#000000"
            android:contentDescription="@string/introduction"
            android:scaleX="0.7"
            android:scaleY="0.7"
            android:onClick="imageButton1"
            android:src="@drawable/introduction" />

        <ImageButton
            android:id="@+id/imageButton3"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:background="#000000"
            android:contentDescription="@string/get_going"
            android:scaleX="0.7"
            android:scaleY="0.7"
            android:onClick="imageButton3"
            android:src="@drawable/getgoing" />
    </LinearLayout>

</LinearLayout>

Answer 5

试试这个，我用按钮而不是图像按钮，你可以把它改成图像按钮

    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
     android:layout_height="match_parent"
     android:orientation="vertical"
      >

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"

        android:orientation="horizontal"
        android:layout_weight="1">

    <Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button" 
        android:layout_gravity="center"
        android:layout_weight="1"/>

    <Button
        android:id="@+id/button2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button"
         android:layout_gravity="center"
         android:layout_weight="1" />

    <Button
        android:id="@+id/button3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button"
         android:layout_gravity="center" 
         android:layout_weight="1"/>

   </LinearLayout>

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

    android:layout_weight="1">
        <Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button" 
        android:layout_gravity="center"
        android:layout_weight="1"/>

    <Button
        android:id="@+id/button2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button"
         android:layout_gravity="center"
         android:layout_weight="1" />

    <Button
        android:id="@+id/button3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button"
         android:layout_gravity="center" 
         android:layout_weight="1"/>
     </LinearLayout>

  </LinearLayout>