无法为复选框设置左填充 [英] Unable to set left padding for checkbox

问题描述

我只是尝试设置复选框的左右间距，以增加点击区域范围。 不幸的是，当我试图在XML布局中设置paddingStart时，它做了错误的更改，并使复选框正确填充。天哪，是不是安卓API有什么问题？

<?xml version="1.0" encoding="utf-8"?>
<merge 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="wrap_content"
    tools:parentTag="androidx.constraintlayout.widget.ConstraintLayout">

    <CheckBox
        android:id="@+id/cc_checkbox"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="8dp"
        android:paddingStart="16dp"
        android:paddingEnd="16dp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

</merge>

Android Studio预览：

推荐答案

是Android API中有错误还是什么？

不完全是。尽管您将填充设置为左侧，但仍在右侧看到填充的原因是因为paddingStart应用于复选框包含的文本。因此，您无法在框的左侧看到预期的填充。

只要您使用android:text(不是TextView在框旁边对齐)，单击框或文本都会激活该复选框，这意味着它将为您提供所需的单击区域。

然而，我想你指的是盒子左边的区域。要实现这一点，一件事是创建一个新的可绘制资源文件，并在复选框的android:drawableStart中使用它。

假设您将可绘制文件命名为Checkbox_selector，该文件应如下所示：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
    <item android:drawable="@drawable/ic_checkbox_default"
        android:state_checked="false"/>
    <item android:drawable="@drawable/ic_checkbox_checked"
        android:state_checked="true"/>
    <item android:drawable="@drawable/ic_checkbox_default"/>
</selector>

然后，您需要删除默认框以将上面的选择器作为可绘制资源应用。为此：

android:button="@null"

之后，您需要调用android:drawableStart来使用您刚刚创建的可绘制内容，并根据需要设置填充。

android:drawableStart="@drawable/checkbox_selector"
android:drawablePadding="10dp"
android:paddingStart="20dp"

最终代码应如下所示：

<CheckBox
    android:id="@+id/cc_checkbox"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginTop="8dp"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintTop_toTopOf="parent"
    android:button="@null"
    android:drawableStart="@drawable/checkbox_selector"
    android:text="@string/app_name"
    android:drawablePadding="10dp"
    android:paddingStart="20dp"
    android:background="@android:color/white"
    tools:ignore="RtlSymmetry" />

这篇关于无法为复选框设置左填充的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！