How To Align Android Chips To The End In Chipgroup?

Hi I have a chipgroup and I dynamically create chips and add to chipgroup. However I want the chips to be at the right end of chipgroup but it is always to the left as shown here.

Solution 1:

You need to change your ChipGroup group property. here is changed code.

<RelativeLayout
 ....
     >

<TextView

    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="TextTitle"
    android:layout_alignBaseline="@id/chipGroup"
    android:gravity="end|bottom"
    android:layout_marginTop="16dp"
    android:layout_below="@id/toptv"
    android:textColor="@android:color/white"
    android:textStyle="bold"
    android:textSize="14sp"
    android:id="@+id/tt1"
    />

<com.google.android.material.chip.ChipGroup
    android:id="@+id/chipGroup"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginTop="10dp"
    android:layout_alignParentRight="true"
    android:layout_alignParentEnd="true"
    android:layout_toRightOf="@id/tt1"
    android:layout_below="@id/toptv"
    android:textColor="@android:color/black"
    android:textStyle="bold"
    android:gravity="end"
    android:textSize="12sp"
    />
 </RelativeLayout>

I hope this will work. if not then post your RelativeLayout on your question.

Solution 2:

Just Replace it

<RelativeLayout....
     ><TextViewandroid:layout_width="match_parent"android:layout_height="wrap_content"android:text="TextTitle"android:layout_alignBaseline="@+id/chipGroup"android:layout_toLeftOf="@+id/chipGroup"android:gravity="end|bottom"android:layout_marginTop="16dp"android:layout_below="@+id/toptv"android:textColor="@android:color/white"android:textStyle="bold"android:textSize="14sp"android:id="@+id/tt1"
    /><com.google.android.material.chip.ChipGroupandroid:id="@+id/chipGroup"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_marginTop="10dp"android:layout_alignParentRight="true"android:layout_alignParentEnd="true"android:layout_below="@+id/toptv"android:textColor="@android:color/black"android:textStyle="bold"android:textSize="12sp"
    /></RelativeLayout>

Solution 3:

You can add scaleX=-1 to your chipGroup and also your chips should have scaleX=-1

Solution 4:

I used this and it worked for me

add this line: android:layoutDirection="rtl"

        <com.google.android.material.chip.ChipGroup
            android:id="@+id/questionLayout"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:layoutDirection="rtl"
            >


        </com.google.android.material.chip.ChipGroup>