AndroidTagGroup

The AndroidTagGroup is a layout for a set of tags.You can use it to group people, books or anything you want.

Also you can contribute new idea to me.

Demo

Screenshot

Append Tag

Delete tag

Usage

Step 1

Use it in your own code:

<me.gujun.android.taggroup.TagGroup
    android:id="@+id/tag_group"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content">

TagGroup mTagGroup = (TagGroup) findViewById(R.id.tag_group);
mTagGroup.setTags(new String[]{"Tag1", "Tag2", "Tag3"});

Use setTags(...) to set the initial tags in the group.

To "submit" a new tag as user press "Enter" or tap the blank area of the tag group, also you can "submit" a new tag via submitTag(). To delete a tag as user press "Backspace" or double-tap the tag which you want to delete.

Note: Google keyboard (a few soft keyboard not honour the key event) currently not supported "Enter" key to "submit" a new tag and "Backspace" key to delete a tag.

I made some pre-design style. You can use them via style property.

Use the present style just like below:

<blue.stack.grouptag.lib.TagGroup
    android:id="@+id/tag_group"
    style="@style/TagGroup.Beauty_Red"/>

In the above picture, the style is:

TagGroup TagGroup.Beauty_Red TagGroup.Holo_Dark TagGroup.Light_Blue TagGroup.Indigo

You can get more beautiful color from Adobe Color CC, and you can also contribute your color style to AndroidTagGroup!

Build

run ./gradlew assembleDebug (Mac/Linux)

or

run gradlew.bat assembleDebug (Windows)

Attributes

There are several attributes you can set:

attr	default	mean
isAppendMode	false	Determine the TagGroup mode, APPEND or single DISPLAY.
inputTagHint	Add Tag/添加标签	Hint of the INPUT state tag.
brightColor	#49C120	The bright color of the tag.
dimColor	#AAAAAA	The dim color of the tag.
borderStrokeWidth	0.5dp	The tag outline border stroke width.
textSize	13sp	The tag text size.
horizontalSpacing	8dp	The horizontal tag spacing.(Mark1)
verticalSpacing	4dp	The vertical tag spacing.(Mark2)
horizontalPadding	12dp	The horizontal tag padding.(Mark3)
verticalPadding	3dp	The vertical tag padding.(Mark4)

Developed By

License

Copyright 2015 Jun Gu

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

   http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.