我有一个CheckBox我想要在它自己的边界内居中的东西，而不是被推到一边。可能比解释更容易演示：
请注意，它不是居中的。目前定义为：
<CheckBox
android:id="@+id/checkbox_star"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:button="@drawable/btn_favorite"
android:layout_gravity="center"
android:minWidth="48dp" />
没关系可绘制的自定义按钮。它与香草的行为相同CheckBox（小复选框的行为相同）。
我认为问题在于 Checkbox 小部件使用带有drawableLeft属性的常规 TextView，因为它也希望显示文本。（这就是为什么你看到它垂直居中，但稍微向左偏移。）
如果您只是想要一个具有多种状态的图像按钮，我建议在状态列表选择器中使用带有自定义图像的ToggleButton。或者您可以创建一个扩展 ImageView 并实现 Checkable 的自定义类。
我正在使用MaterialCheckBoxfrom material-components-android（或AppCompatCheckBox。它们是相似的）。
我发现如果 CheckBox 没有任何文本，设置它android:minWidth="0dp"并且android:minHeight="0dp"可以删除所有填充并使可绘制对象居中。
您可以使用父布局来实现此目的：
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:gravity="center">
<CheckBox
android:id="@+id/checkbox_star"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center"
android:text="Check box text" />
</LinearLayout>
唯一合适的解决方案是在图像中添加插图。大多数具有“前景”的解决方案在 API 23 以下都无法使用。
btn_favorite_inset.xml在可绘制目录中
<inset xmlns:android="http://schemas.android.com/apk/res/android"
android:drawable="@drawable/btn_favorite"
android:insetLeft="6dp"
android:insetTop="6dp"
android:insetRight="6dp"
android:insetBottom="6dp" />
你的布局文件
<CheckBox
android:id="@+id/checkbox_star"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:button="@drawable/btn_favorite_inset"
android:layout_gravity="center"
android:minWidth="48dp" />
android:button="@null"
android:foreground="@drawable/btn_favorite"
android:foregroundGravity="center"
这个对齐问题可以通过CheckableImageViewView来解决，这是一个直接扩展ImageView或AppCompatImageView实现的自定义Checkable。它还有其他ImageView属性。
import android.content.Context;
import android.util.AttributeSet;
import android.view.View;
import android.widget.Checkable;
import android.widget.ImageView;
/**
* @author hendrawd on 6/23/16
*/
public class CheckableImageView extends ImageView implements Checkable {
public CheckableImageView(Context context) {
super(context);
}
public CheckableImageView(Context context, AttributeSet attrs) {
super(context, attrs);
}
private boolean mChecked = false;
private static final int[] CHECKED_STATE_SET = {android.R.attr.state_checked};
@Override
public int[] onCreateDrawableState(final int extraSpace) {
final int[] drawableState = super.onCreateDrawableState(extraSpace + 1);
if (isChecked())
mergeDrawableStates(drawableState, CHECKED_STATE_SET);
return drawableState;
}
@Override
public void setChecked(boolean checked) {
if (mChecked != checked) {
mChecked = checked;
refreshDrawableState();
}
}
@Override
public boolean isChecked() {
return mChecked;
}
@Override
public void toggle() {
setChecked(!mChecked);
}
@Override
public void setOnClickListener(final OnClickListener l) {
View.OnClickListener onClickListener = new OnClickListener() {
@Override
public void onClick(View v) {
toggle();
l.onClick(v);
}
};
super.setOnClickListener(onClickListener);
}
}
只需在 XML 的 src 属性中设置您的选择器可绘制，并且可绘制的检查状态将自动跟随。
使用示例
<your.package.name.CheckableImageView
android:id="@+id/some_id"
android:layout_width="48dp"
android:layout_height="48dp"
android:src="@drawable/set_your_selector_here"
android:padding="14dp"
android:gravity="center" />
选择器示例（放在带有扩展名的可绘制文件夹中.xml）
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@drawable/ic_cb_check" android:state_checked="true" android:state_focused="true" />
<item android:drawable="@drawable/ic_cb_uncheck" android:state_checked="false" android:state_focused="true" />
<item android:drawable="@drawable/ic_cb_uncheck" android:state_checked="false" />
<item android:drawable="@drawable/ic_cb_check" android:state_checked="true" />
</selector>
用您喜欢的图像更改ic_cb_check和ic_cb_uncheck 。
此代码也可在https://gist.github.com/hendrawd/661824a721c22b3244667379e9358b5f获得
这将根据需要正常工作。只是背景和按钮属性的微小变化。此代码段已成功测试。希望这可以帮助。
<CheckBox
android:id="@+id/checkbox_star"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:background="@drawable/btn_favorite"
android:button="@color/transparent"
android:layout_gravity="center"
android:minWidth="48dp" />
只需使用以下方法：
<CheckBox
android:button="@null"
android:foreground="@drawable/checkbox_selector"
android:foregroundGravity="center"/>
这对我来说很有用。但它只适用于
targetSdkVersion >= Build.VERSION_CODES.M || 查看 FrameLayout 的实例
如果您要在 recyclerview 中使用复选框，请不要使用此代码绕过具有 >SDK23 中心对齐的复选框错误。
<CheckBox
android:button="@null"
android:drawableLeft="@drawable/checkbox_selector"
android:drawableStart="@drawable/checkbox_selector"
/>
如果 RV （例如：滚动，..），在下次刷新之前不会在 onBindViewHolder 中签入复选框。
默认情况下，它有 minHeight 和 minWidth。将它们设置为 0dp 会将其对齐到其自身边界内的中心。
<CheckBox
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:minWidth="0dp"
android:minHeight="0dp" />
设置android:width它只显示您的复选框，然后使用android:layout_gravity="center".
我已经在上面尝试了 j__m 的答案，它有效，但还不够好。
就我而言，我想在 CheckBox 的可绘制对象周围添加填充，以增加触摸区域。而 j__m 的回答让调整 UI 变得很困难。
我认为更好的解决方案是创建一个 inset drawable 来包装您的原始状态 drawable，这应该非常简单并且可以完美地工作。
在您的代码中，您已将复选框的高度设置为 match_parent。将其设置为 wrap_content。这将解决您的问题。为我工作！
问题：
<CheckBox
android:id="@+id/checkbox_star"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:button="@drawable/btn_favorite"
android:layout_gravity="center"
android:minWidth="48dp" />
解决方案：
<CheckBox
android:id="@+id/checkbox_star"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:button="@drawable/btn_favorite"
android:layout_gravity="center"
android:minWidth="48dp" />