android - 居中单选按钮

Question

我在 Radio Group 中有两个 RadioButton，看起来像这样。

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

                    <RadioButton
                        android:id="@+id/rb_PubAsMe"
                        android:layout_width="0dp"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                        android:checked="true"
                        android:text="Self"
                        android:textColor="#000000" />

                    <RadioButton
                        android:id="@+id/rb_PubAsTeam"
                        android:layout_width="0dp"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                        android:text="Team"
                        android:textColor="#000000" />
                </RadioGroup>

默认情况下，android 向左对齐，我想让这些按钮居中。当我尝试将每个按钮的重力设置为中心时，会发生以下情况。

相同的代码，但将这一行添加到每个 RadioButton

android:gravity="center"

有人遇到过这个问题吗？如何让按钮移动到文本的中心？

   |---------(Button)Text---------|---------(Button)Text---------|

Answer 1

这看起来怎么样？

我使用了一些不可见的 RadioButton“垫片”。 (下面的代码)

---

我还尝试了仅使用一个“间隔符”的各种组合...(我切换到“Light”主题以快速尝试模仿您的配色方案。)

但在我看来，顶部图像比底部图像更居中和平衡。

---

这是顶部布局的代码。

<RadioGroup xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_gravity="center_horizontal"
    android:orientation="horizontal" >

    <RadioButton 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:visibility="invisible" />

    <RadioButton
        android:id="@+id/rb_PubAsMe"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:checked="true"
        android:text="Self" />

    <RadioButton 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:visibility="invisible" />

    <RadioButton
        android:id="@+id/rb_PubAsTeam"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:text="Team" />

    <RadioButton 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:visibility="invisible" />

</RadioGroup>

---

如果您更喜欢底部图像，只需删除第一个和最后一个“间隔符”并删除 layout_weight 属性。希望对您有所帮助!