How to remove padding around Android CheckBox

Question

I need to put check to the right hand top corner of my imageview. But when I do this I noticed a default margin around my checkbox. Is there a way to remove this??

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" >

    <FrameLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true" >

        <ImageView
            android:id="@+id/thumbImage"
            android:layout_width="100dp"
            android:layout_height="132dp"
            android:layout_gravity="center" />
    </FrameLayout>

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_alignParentTop="true"
        android:background="#ff0000"
        android:gravity="center" >

        <CheckBox
            android:id="@+id/itemCheckBox"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentEnd="true"
            android:layout_gravity="center"
            android:button="@drawable/checkbox_background"
            android:paddingLeft="0dp"
            android:paddingTop="0dp" />

    </LinearLayout>

</RelativeLayout>

score 173 · Answer 1 · edited Jun 10 '19 at 11:30

173

There's now a better way of doing this:

android:minWidth="0dp"
android:minHeight="0dp"

edited Jun 10 '19 at 11:30

Zoe

27,060
21
118
148

answered Jun 10 '19 at 11:29

Rishabh876

3,010
2
20
37

@Seza try using MaterialCheckBox from `com.google.android.material:material:1.0.0` – Rishabh876 Jul 22 '19 at 09:06
Thanks for the tip. I'm really hoping that AndroidX will fix this issue – Cesar Castro Jul 22 '19 at 13:40
1

I think the answer is simple and good. It removed right padding in checkbox with no text. – mazend Mar 10 '20 at 13:39
3

For anyone doing this programmatically and having difficulties, try using `minimumHeight` and `minimumWidth` rather than `minWidth` and `minHeight`. – masterwok Aug 30 '20 at 19:28
2

@masterwok thank you, was looking for this. – Abhishek Garg Dec 11 '20 at 14:13
Works for `MaterialRadioButton`, `AppCompatRadioButton` and `RadioButton` since in this order they are subclasses of the latter – Michał Dobi Dobrzański Jan 06 '21 at 15:53

score 38 · Answer 2 · answered Dec 11 '20 at 14:16

38

To remove radio button default margins or padding in android

if you using xml

android:minWidth="0dp"
android:minHeight="0dp"

if using programmatically

 radiobtn.setMinimumHeight(0);
 radiobtn.setMinimumWidth(0);

answered Dec 11 '20 at 14:16

Abhishek Garg

3,092
26
30

1

thanks! this one is simplest and doesn't involve negative margins! – Filipkowicz Jan 21 '21 at 20:57
1

This is the only one that works in all cases as negative margins mentioned in other answers won't work with `ConstraintLayout`. – muthuraj Jun 29 '21 at 18:59
1

This is the simplest solution. Thanks :) – Ramakrishna Joshi Aug 22 '23 at 09:41

score 32 · Accepted Answer · answered Jan 24 '13 at 07:53

32

You could use a negative margin.

android:layout_marginTop = "-5dp"
android:layout_marginRight = "-5dp"

answered Jan 24 '13 at 07:53

Benito Bertoli

25,285
12
54
61

6

Be aware, that your tests may fail, because espresso "won't see at least 90%" of the checkbox. – azizbekian Jan 27 '17 at 16:31
Any solutions for ConstraintLayout? – casolorz Aug 30 '19 at 17:32
1

u can use android android:translationX="-5dp", but this is bad solution – Vladislav Shcherbakov Oct 02 '19 at 10:15
Best answer . Thank you. – Fereshteh Naji Apr 22 '21 at 05:16
@BenitoBertoli I don't know what kind of person I am but this was still not the correct way back then. Please don't hide behind "answer is outdated" – Farid Mar 18 '22 at 16:15

score 5 · Answer 4 · answered May 27 '20 at 06:38

5

This works for me in Constraint Layout. I hope it will work for another layout.

<androidx.appcompat.widget.AppCompatCheckBox
                ...
                android:translationX="-5dp"
                 />

answered May 27 '20 at 06:38

Shihab Uddin

6,699
2
59
74

1

Please don't post answers when it only "works" and you don't know the real consequences. This will have like thousands of complications in the long run – Farid Mar 18 '22 at 05:44

slaviboy · Answer 5 · 2021-01-09T13:07:00.223

If you look at the source code for the CompoundButton class that is extended by the Checkbox class at the onDraw() method, the padding depends from the gravity

  @Override
    protected void onDraw(Canvas canvas) {
        ...

            final int top;
            switch (verticalGravity) {
                case Gravity.BOTTOM:
                    top = getHeight() - drawableHeight;
                    break;
                case Gravity.CENTER_VERTICAL:
                    top = (getHeight() - drawableHeight) / 2;
                    break;
                default:
                    top = 0;
            }
       ...
    }

So what you can do is set the xml value for the attribute gravity to
android:gravity="top|start"

But this can be used only if you don't want to use text with your checkbox, since the gravity is used to center the text.

CoolMind · Answer 6 · 2019-11-21T15:53:50.853

0

Thanks to @VladislavShcherbakov comment, it is:

android:paddingLeft="-5dp"
android:layout_marginStart="-5dp"
android:layout_marginLeft="-5dp"
// android:translationX="-5dp"

edited Nov 21 '19 at 15:53

answered Nov 21 '19 at 15:44

CoolMind

26,736
15
188
224

score -4 · Answer 7 · answered Jan 24 '13 at 08:06

-4

Why to complicate with a negative padding and all. Use the simple and straight way, give padding to the FrameLayout instead tof the top most Relative layout that would do the trick. As you have only the CheckBox in the second layout there is no need to give padding for it.

Please do let me know if you face any problems or have any further doubts

answered Jan 24 '13 at 08:06

pvn

2,016
19
33

Just saying because in the issue what you need is not a padding but that there is some padding already that needs to be removed. This happens only in the older android version where the tick's tail goes beyond the checkbox – Lincy Feb 07 '14 at 05:23

How to remove padding around Android CheckBox

7 Answers7

Linked