布局崩溃 - 如何使其均匀/对齐？

Question

请查看设计师的图片：

现在看看我得到了什么：

这是我的布局：

<LinearLayout android:orientation="horizontal" android:layout_width="fill_parent" android:layout_height="wrap_content"
            android:background="@drawable/nav_back">
        <Button android:layout_width="wrap_content" android:layout_height="wrap_content"
                android:drawableTop="@drawable/home"
                android:background="@drawable/nav_selected"
                android:layout_weight="1"
                android:textColor="#FFF"
                android:textSize="10dp"
                android:text="Home"/>
        <Button android:layout_width="wrap_content" android:layout_height="wrap_content"
                android:drawableTop="@drawable/home_g"
                android:background="@drawable/nav_back"
                android:layout_weight="1"
                android:textColor="#FFF"
                android:textSize="10dp"
                android:text="This is long string that pushes layout"/>
        <Button android:layout_width="wrap_content" android:layout_height="wrap_content"
                android:drawableTop="@drawable/available_g"
                android:background="@drawable/nav_back"
                android:layout_weight="1"
                android:textColor="#FFF"
                android:textSize="10dp"
                android:text="Available"/>
        <Button android:layout_width="wrap_content" android:layout_height="wrap_content"
                android:drawableTop="@drawable/completed_g"
                android:background="@drawable/nav_back"
                android:layout_weight="1"
                android:textColor="#FFF"
                android:textSize="10dp"
                android:text="Completed"/>
        <Button android:layout_width="wrap_content" android:layout_height="wrap_content"
                android:drawableTop="@drawable/mail_g"
                android:background="@drawable/nav_back"
                android:layout_weight="1"
                android:textColor="#FFF"
                android:textSize="10dp"
                android:text="Mail"/>

    </LinearLayout>

问题。我该如何：

1. 确保无论如何 - 屏幕分解为 5 个偶数段 - 所以所有按钮，无论里面有文本。

2. 如果一个按钮将布局向下推 - 我如何确保其他按钮也填充该垂直空间？就像主页按钮并不完全向下一样 - 您可以看到 nav_selected 结束的位置

3. 我有按照谷歌格式的3种尺寸的PNG图标。如果可能的话，我希望为 drawableTop 提供一些填充，以便图标在我的屏幕上看起来更小 - 更接近设计师屏幕的外观。

谢谢！

Answer 1

在此页面上有关 LinearLayouts 的部分中了解有关layout_weight的内容。这是您要用来使所有视图具有相同宽度的属性。我不太熟悉它的实现，但我认为当你这样做时，你可能不希望将宽度设置为wrap_content。

编辑：

提示：创建比例尺寸
在屏幕上布局，创建一个
容器视图组对象
布局宽度和布局高度
属性设置为 fill_parent；分配
子项的高度或宽度为 0
（零）;然后分配相对权重
每个孩子的价值观取决于
各占屏幕的比例是多少
应该有。

这似乎是你想做的。

Answer 2

或者，您可以使用 GridView（甚至 ListView、Gallery）并创建简单的适配器，您将在其中重写 getView() 方法来膨胀您的布局。我认为该布局非常容易创建，并且每个按钮都是相同的。此外，如果元素超过 5 个，您将能够滚动。