如何对齐 android 布局中的按钮以在移动网站中制作标签栏？

Question

我在 android 中调查了很多关于对齐按钮的网站，但是，我找不到好的教程。我尝试过了使 4 个按钮在 android 中的布局中对齐，以制作如下图所示的导航栏。我知道 android 中存在选项卡，但是，我不想使用它们。我想使用布局来制作如下图所示的导航栏。有什么好的选择或样品吗？我轻松地制作了移动网络应用程序的导航栏，但是 android 对我来说并不容易。我想要 stack pro 的帮助！

我尝试制作导航栏，但似乎效果不佳...

  <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentLeft="true"
        android:background="#2cb22c"
        android:gravity="center"
        android:orientation="horizontal"
        android:padding="5dp" >

        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="#2cb22c"
            android:orientation="horizontal" >

            <Button
                android:id="@+id/rr"
                style="?android:attr/buttonStyleSmall"
                android:layout_width="45dp"
                android:layout_height="44dp"
                android:layout_marginLeft="30dp"
                android:layout_alignParentLeft="true"
                android:layout_alignParentTop="true"
                android:background="@drawable/review2"
                android:textColor="#FFFFFF" />

            <Button
                android:id="@+id/r2"
                style="?android:attr/buttonStyleSmall"
                android:layout_width="48dp"
                android:layout_height="44dp"
                android:layout_alignParentTop="true"
                android:layout_marginLeft="16dp"
                android:layout_toRightOf="@+id/review"
                android:background="@drawable/ranking"
                android:textColor="#FFFFFF" />

            <Button
                android:id="@+id/s2"
                style="?android:attr/buttonStyleSmall"
                android:layout_width="31dp"
                android:layout_height="44dp"
                android:layout_alignParentTop="true"
                android:layout_marginLeft="30dp"
                android:layout_toRightOf="@+id/ranking"
                android:background="@drawable/search"
                android:textColor="#FFFFFF" />

            <Button
                android:id="@+id/l2"
                style="?android:attr/buttonStyleSmall"
                android:layout_width="48dp"
                android:layout_height="44dp"
                android:layout_alignParentTop="true"
                android:layout_marginLeft="24dp"
                android:layout_toRightOf="@+id/search"
                android:layout_weight="1"
                android:background="@drawable/fav"
                android:textColor="#FFFFFF" />

        </RelativeLayout>
    </LinearLayout>

Answer 1

使用这样的东西：

<LinearLayout
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:background="#2cb22c"
    android:orientation="horizontal"
    android:padding="5dp" >

    <Button
        android:id="@+id/rr"
        style="?android:attr/buttonStyleSmall"
        android:layout_width="match_parent"
        android:layout_height="44dp"
        android:layout_weight="1"
        android:background="#ff0000"
        android:text="Home"
        android:gravity="bottom|center"
        android:textColor="#FFFFFF" />

    <Button
        android:id="@+id/s2"
        style="?android:attr/buttonStyleSmall"
        android:layout_width="match_parent"
        android:layout_height="44dp"
        android:layout_weight="1"
        android:background="#ff5533"
        android:text="Edit"
        android:gravity="bottom|center"
        android:textColor="#FFFFFF" />

    <Button
        android:id="@+id/r2"
        style="?android:attr/buttonStyleSmall"
        android:layout_width="match_parent"
        android:layout_height="44dp"
        android:layout_weight="1"
        android:background="#0000ff"
        android:text="latest info"
        android:gravity="bottom|center"
        android:textColor="#FFFFFF" />

    <Button
        android:id="@+id/l2"
        style="?android:attr/buttonStyleSmall"
        android:layout_width="match_parent"
        android:layout_height="44dp"
        android:layout_weight="1"
        android:background="#555555"
        android:text="Contact us"
        android:gravity="bottom|center"
        android:textColor="#FFFFFF" />
</LinearLayout>

Answer 2

这可能会成功。

   <LinearLayout
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:layout_alignParentLeft="true"
    android:background="#2cb22c"
    android:gravity="center"
    android:orientation="horizontal"
    android:padding="5dp" >

    <RelativeLayout
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:background="#2cb22c"
        android:orientation="horizontal" >

        <Button
            android:id="@+id/r2"
            style="?android:attr/buttonStyleSmall"
            android:layout_width="39dp"
            android:layout_height="44dp"
            android:layout_marginLeft="10dp"
            android:layout_marginRight="10dp"
            android:layout_weight="0.25"
            android:background="@drawable/r2"
            android:textColor="#FFFFFF" />

        <Button
            android:id="@+id/r2"
            style="?android:attr/buttonStyleSmall"
            android:layout_width="48dp"
            android:layout_height="44dp"
            android:layout_marginLeft="20dp"
            android:layout_marginRight="5dp"
            android:layout_toRightOf="@+id/r2"
            android:layout_weight="0.25"
            android:background="@drawable/r2"
            android:textColor="#FFFFFF" />

        <Button
            android:id="@+id/search"
            style="?android:attr/buttonStyleSmall"
            android:layout_width="31dp"
            android:layout_height="44dp"
            android:layout_marginLeft="30dp"
            android:layout_marginRight="5dp"
            android:layout_toRightOf="@+id/r2"
            android:layout_weight="0.25"
            android:background="@drawable/s"
            android:textColor="#FFFFFF" />

        <Button
            android:id="@+id/l2"
            style="?android:attr/buttonStyleSmall"
            android:layout_width="48dp"
            android:layout_height="44dp"
            android:layout_marginLeft="30dp"
            android:layout_toRightOf="@+id/s2"
            android:layout_weight="0.25"
            android:background="@drawable/f2"
            android:textColor="#FFFFFF" />

    </RelativeLayout>
</LinearLayout>

如何对齐 android 布局中的按钮以在移动网站中制作标签栏？

How to align buttons in android layout to make a tabbar in a mobile website?

android

android-layout