第一步
在build.gradle 文件中添加以下依赖:dependencies {
compile 'co.lujun:androidtagview:1.0.0'
}
第二步
在布局中使用AndroidTagView,你可以使用一些我们自定义的属性。
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_margin="0dp"
android:padding="10dp"
app:container_enable_drag="false"
app:horizontal_interval="10dp"
app:vertical_interval="10dp"
app:tag_clickable="true"
app:tag_theme="pure_teal" />
第三步
在代码中使用TagView。TagContainerLayout mTagContainerLayout = (TagContainerLayout) findViewById(R.id.tagcontainerLayout);
mTagContainerLayout.setTags(List tags);
现在,你已经成功的创建了一些标签,下面将演示更多的自定义功能。
属性nameformatdescriptionvertical_intervaldimensionVertical interval, default 5(dp)
horizontal_intervaldimensionHorizontal interval, default 5(dp)
container_border_widthdimensionTagContainerLayout border width(default 0.5dp)
container_border_radiusdimensionTagContainerLayout border radius(default 10.0dp)
container_border_colorcolorTagContainerLayout border color(default #22FF0000)
container_background_colorcolorTagContainerLayout background color(default #11FF0000)
container_enable_dragbooleanCan drag TagView(default false)
container_drag_sensitivityfloatThe sensitive of the ViewDragHelper(default 1.0f, normal)
tag_border_widthdimensionTagView Border width(default 0.5dp)
tag_corner_radiusdimensionTagView Border radius(default 15.0dp)
tag_horizontal_paddingdimensionHorizontal padding for TagView, include left and right padding(left and right padding are equal, default 20px)
tag_vertical_paddingdimensionVertical padding for TagView, include top and bottom padding(top and bottom padding are equal, default 17px)
tag_text_sizedimensionTagView Text size(default 14sp)
tag_text_colorcolorTagView text color(default #FF666666)
tag_border_colorcolorTagView border color(default #88F44336)
tag_background_colorcolorTagView background color(default #33F44336)
tag_max_lengthintegerThe max length for TagView(default max length 23)
tag_clickablebooleanWhether TagView can clickable(default unclickable)
tag_themeenumThe TagView theme
你可以在布局文件中设置这些属性,或者使用setters方法来设置。
主题themecodedescriptionnoneColorFactory.NONEIf you customize TagView with your way, set this theme
randomColorFactory.RANDOMCreate each TagView using random color
pure_cyanColorFactory.PURE_CYANAll TagView created by pure cyan color
pure_tealColorFactory.PURE_TEALAll TagView created by pure teal color