How do I create this type of xml layout

Question

Please I need help on achieving this type of layout in android xml.

I have tried with RecyclerView and this library but I still did not get what I wanted.

Any ideas?

Thanks

We cannot help you if you don't show us what you tried and didn't work. Please show us some code snippets. — Giorgos Neokleous, Oct 03 '19 at 16:10
I just need an idea on the best approach for this. I don't need a solution with code. — bensofter, Oct 03 '19 at 16:17
You should post what you tried with the RecyclerView and didn't work. This is the only way to help you. The RecyclerView approach sounds correct and you probably need a GridLayoutManager for it. — Giorgos Neokleous, Oct 03 '19 at 16:19
It is not clear which is the screen you are trying to achieve. Post a screen pls. — Gabriele Mariotti, Oct 03 '19 at 17:52

score 0 · Answer 1 · answered Oct 03 '19 at 16:25

0

You can make use of ChipGroup in the android Material Design.

Please refer,

Chips and ChipGroup

answered Oct 03 '19 at 16:25

Saikrishna Rajaraman

3,205
2
16
29

please review my question – bensofter Oct 03 '19 at 18:17

score 0 · Accepted Answer · answered Oct 03 '19 at 19:17

Just use the Material Components Library and the Chip component.

You can define it with a layout if it is static:

<com.google.android.material.chip.ChipGroup
    android:id="@+id/chip_group"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <!-- Chips can be declared here, or added dynamically. -->

    <com.google.android.material.chip.Chip
        style="@style/Widget.MaterialComponents.Chip.Entry"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:chipIcon="@drawable/...."
        android:text="@string/..."/>

     .....

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

Or you can do it programmatically.
Define the layout for the single Chip (chip_layout.xml)

<com.google.android.material.chip.Chip
    xmlns:android="http://schemas.android.com/apk/res/android"
    style="@style/Widget.MaterialComponents.Chip.Choice"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"/>

In your code:

ChipGroup reflowGroup = view.findViewById(R.id.chip_group);
for (.....) {
      Chip chip =
          (Chip) getLayoutInflater().inflate(R.layout.chip_layout, chipGroup, false);
      chip.setText(....);
      .....
      chipGroup.addView(chip);
    }

How do I create this type of xml layout

2 Answers2