How can I align checkbox with text to right side of the screen?

Question

I have a checkbox inside a TableRow. I would like to align both checkbox and text to the right side of the screen but when I use android:gravity="right" it only aligns the text to the right side of the screen but not the square (the checkbox itself). It seems that they are aligned separately (checkbox on the left and text on the right side of the screen).

Here is the snippet of xml that refers to the checkbox:

<TableRow android:layout_height="wrap_content"
          android:layout_width="match_parent"
          android:layout_marginBottom="10dp">

          <CheckBox
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="Select"
                android:id="@+id/checkboxSelect"
                android:layout_column="0"
                android:layout_weight="1"
                android:gravity="right"/>
</TableRow>

How can I align both the checkbox and the text on it to the right side of the screen?

Thanks in advance!

you mean checkbox text move to the right but box not moving?? — Andolasoft Inc, Aug 02 '16 at 10:54
@Andolasoft Yes, exactly that. The text is moving to the right side of the screen but the box is still on the left side of the screen. — Francisco Romero, Aug 02 '16 at 10:56
http://stackoverflow.com/questions/3156781/how-to-show-android-checkbox-at-right-side.. may this help you.. — Andolasoft Inc, Aug 02 '16 at 11:02

score 8 · Answer 1 · answered Aug 02 '16 at 11:09

8

Simply add Checkbox as below.

<?xml version="1.0" encoding="utf-8"?>
<CheckBox xmlns:android="http://schemas.android.com/apk/res/android"
    android:text="hello"
    android:layout_width="match_parent" 
    android:layout_height="match_parent"
    android:button="@null"
    android:drawableRight="?android:attr/listChoiceIndicatorMultiple"/>

It will show you text at left and check box at right.

answered Aug 02 '16 at 11:09

Jay Rathod

11,131
6
34
58

It'd be helpful if you could also explain what does this code do? `android:button="@null"` – hsm59 Aug 30 '18 at 09:37

score 2 · Accepted Answer · answered Aug 02 '16 at 11:04

2

Attribute android:gravity is working on view itself, while android:layout_gravity is suggestion for parent view to align it's child.

if you want tell parent layout to align it's child at left or right you have two options:

use android:gravity on parent, and thus parent will try to align all child views at that gravity.
android:layout_gravity on child view, and only this view will try to align itself in that gravity.

answered Aug 02 '16 at 11:04

Ioane Sharvadze

2,118
21
35

1

Thank you very much! Your explanation is the only who works for me. An addition to your answer, I had to remove `android:layout_weight="1"`. – Francisco Romero Aug 02 '16 at 12:16

score 0 · Answer 3 · answered Aug 02 '16 at 11:01

Try this. You will get both text and checkbox to the right side

<TableRow
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="right"
        android:layout_marginBottom="10dp"
        android:gravity="right">

        <CheckBox
            android:id="@+id/checkboxSelect"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:checked="true"
            android:gravity="right|center_vertical"
            android:text="Select" />
    </TableRow>

score 0 · Answer 4 · answered Aug 02 '16 at 11:03

Try with RelativeLayout

<RelativeLayout 
      android:layout_height="wrap_content"
      android:layout_width="match_parent"
      android:layout_marginBottom="10dp">

      <CheckBox
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_toLeftOf="@id/text_view"
            android:id="@+id/checkboxSelect"/>

      <TextView 
            android:id="@+id/text_view"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"/>
</RelativeLayout>

score 0 · Answer 5 · answered Dec 21 '20 at 16:01

Try this

    <CheckBox
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:gravity="center|end"
    android:layout_gravity="start"
    android:button="@null"
    android:drawableRight="?android:attr/listChoiceIndicatorMultiple"
    android:text="hello" />

Set android:button="@null" and set this drawable "?android:attr/listChoiceIndicatorMultiple" as drawableRight or drawableLeft as you like.

How can I align checkbox with text to right side of the screen?

5 Answers5

Linked