The Android Arsenal – Tags

Make a tag of text for android with custom background of tag

Setup

Coppy 2 class RoundBackgroundColorSpan.java and TagLabelText.java into your widget

Usage

Use as normal TextView in android

<com.nextsolutions.taglabeltext.TagLabelText
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_margin="16dp"
            android:gravity="center_vertical"
            android:text="Combo 2 Túi Nước Giặt Arie Matic  Matic Đậm Đặc (2.4Kg/ Túi)"
            android:textColor="#24282C"
            android:textSize="16sp"
            android:textStyle="bold"
            app:tagBold="true"
            app:tagFirst="false"
            app:tagMarginStart="8dp"
            app:tagPaddingEnd="8dp"
            app:tagPaddingStart="8dp"
            app:tagRadius="6dp"
            app:tagSize="12sp"
            app:tagText="mStore mall"
            app:tagTextBackgroundColor="#E40C0C"
            app:tagTextColor="#FFF" />

With binding. You can make some method binding in class TagLabelText like exammple. Remember remove tag android or app before attr binding to use binding. I don’t know how that work :))

<com.nextsolutions.taglabeltext.TagLabelText
            ...
            text="@{`Combo 2 Túi Nước Giặt Arie Matic  Matic Đậm Đặc (2.4Kg/ Túi)`}"
            tagText="@{boolean logic ? `mStore mall` : ``}"
            app:tagTextBackgroundColor="#E40C0C"
            app:tagTextColor="#FFF" />

In programmatically

        TagLabelText tagLabelText = findViewById(R.id.tagLabel);
        tagLabelText.mSetText("LẠC TRÔI | OFFICIAL MUSIC VIDEO | SƠN TÙNG M-TP");
        tagLabelText.tagText = "Sơn Tùng M-TP";
        tagLabelText.setSpan();//apply properties of tagLabelText

Properties TagLabelText

• boolean: tagFirst – Textview begin with tag if set true. Textview end with tag if false
• boolean: tagBold – Make style of tag text bold if set true. This property not working if textStyle of text is bold.
• string: tagText – Text of Tag
• dimension: tagRadius – Roud back ground tag
• dimension: tagSize – Size of tag text. Should equal or lower than text view
• dimension: tagPaddingStart – Padding Start of tag
• dimension: tagPaddingEnd – Padding End of tag
• dimension: tagMarginStart – MarginStart of tag
• dimension: tagMarginEnd – MarginStart of tag
• color: tagTextColor – Color of tag text
• color: tagTextBackgroundColor – Color backgroud of tag text