Question

我有一个带2个单选按钮的单选按钮组，没有文本。在下文中，我将非常详细地描述所有内容并显示我尝试过的所有内容。布局如下：

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <RadioGroup
        android:id="@+id/radioGroup"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        tools:ignore="RtlHardcoded">

        <RadioButton
            android:id="@+id/radioButton1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:layout_marginLeft="50dp"
            android:scaleX="2"
            android:scaleY="2" />

        <RadioButton
            android:id="@+id/radioButton2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:layout_marginLeft="55dp"
            android:layout_marginRight="50dp"
            android:scaleX="2"
            android:scaleY="2" />
    </RadioGroup>
</android.support.constraint.ConstraintLayout>

可以看出，点击（可点击）区域正好覆盖了按钮（显示为蓝色矩形）。

现在，我想增加可点击区域的大小。当我将android:paddingTop="30dp"和android:paddingBottom="30dp"添加到每个按钮时，我得到以下布局：

这很好，现在可单击区域在顶部和底部被放大。但我也想在左侧和右侧扩展可点击区域。因此，我将android:paddingLeft="30dp"添加到每个按钮。结果如下：

这很糟糕，因为可单击区域（蓝色矩形）现在不再围绕按钮居中。当我在每个按钮上添加android:paddingRight="30dp"时（相当于仅用android：padding =“ 30dp”替换上面的所有填充），情况会变得更糟：

我已经尝试了所有方法，但是无法将可点击区域置于按钮周围。因此，我尝试使用

在运行时移动可点击区域

RadioButton radioButton= findViewById(R.id.radioButton1);
final View parent = (View) radioButton.getParent();
parent.post(new Runnable() {
    public void run() {
        final Rect rect = new Rect();
        radioButton.getHitRect(rect);
        rect.left -= 100;
        rect.right -= 100;
        parent.setTouchDelegate(new TouchDelegate(rect, radioButton));
    }
});

这也不起作用，可单击区域根本不改变。

有没有办法使可点击区域围绕按钮居中？我们非常感谢您的帮助。

在RadioButton上使命中区域居中

0 个答案: