Share the post "Custom CheckBox Drawable Gets Cut Off In Android"
The solution to this problem is not to use the android:button attribute of the CheckBox widget. Instead, set it to null as well as the android:background attribute and use android:drawableLeft to assign your custom CheckBox drawable.
Here is the complete sample XML code:
<CheckBox android : layout_width = "fill_parent" android : layout_height = "wrap_content" android : text = "My Checkbox" android : id = "@+id/checkboxid" android : button = "@null" android : background = "@null" android : drawableLeft = "@drawable/mycustomdrawable" android : drawablePadding = "10dp" />
The attribute android:drawablePadding is used to place a gap between the image and the text so this is fairly optional.
Share the post "How To Increase Space Between Icon And Text In Android CheckBox"
So you want to change the drawable image of your CheckBox widget but when you compile the app, the image and the text are almost side by side.
I bet you used the attribute android:button in order to do this. This is the culprit. To change the CheckBox image with your own custom images, use the attribute android:drawableLeft.
But wait! Now, there are 2 CheckBox widget images!
Here is the complete XML code to use your custom CheckBox images as well as increasing the space between the icon and the text.
< CheckBox . . . android : button = "@android:color/transparent" android : drawableLeft = "@drawable/checkbox" android : drawablePadding = "10dp" / >