Skip to content

Rukey7/TagLayout

Repository files navigation

TagLayout

Apache 2.0 License

多功能的标签流布局

Screenshot

不同标签形状:

标签单选和多选模式:

标签编辑模式:

标签换一换模式:

单个标签的其它用法:

dependence

你需要在项目的根 build.gradle 加入如下JitPack仓库链接:

allprojects {
		repositories {
			...
			maven { url 'https://jitpack.io' }
		}
	}

接着在你的需要依赖的Module的build.gradle加入依赖:

compile 'com.github.Rukey7:TagLayout:{lastest-version}'

其中 {lastest-version} 为最新的版本,你可以查看上面显示的jitpack版本信息,也可以到jitpack.io仓库查看。

Usage

在布局中直接使用:

	<!-- 标签布局 -->
	<com.dl7.tag.TagLayout
        android:id="@+id/tag_layout_1"
        style="@style/TagLayout.RandomColor"
        app:tag_layout_fit_num="3"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"/>

	<!-- 单个标签独立使用 -->
	<com.dl7.tag.TagView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="20dp"
            android:text="删除"
            app:tag_border_color="@android:color/holo_red_light"
            app:tag_icon="@mipmap/ic_delete"
            app:tag_press_feedback="true"
            app:tag_text_color="@android:color/holo_red_light"/>

属性设置

标签布局属性(有对应接口):

name format description
tag_layout_mode enum {normal,edit,change,single_choice,multi_choice}, 分别为正常、编辑、换一换、单选和多选等模式
tag_layout_shape enum {round_rect,arc,rect},标签形状分别为圆角矩形、圆弧形和直角矩形,默认round_rect
tag_layout_random_color boolean 随机颜色
tag_layout_press_feedback boolean 按压反馈效果
tag_layout_fit_num integer 设置一行固定显示几个标签
tag_layout_bg_color color 标签布局背景颜色
tag_layout_border_color color 标签布局边框颜色
tag_layout_border_radius dimension 标签布局边框圆角弧度
tag_layout_border_width dimension 标签布局边框大小
tag_layout_vertical_interval dimension 标签垂直间隔
tag_layout_horizontal_interval dimension 标签水平间隔
tag_view_bg_color color 标签背景颜色
tag_view_border_color color 标签边框颜色
tag_view_text_color color 标签字体颜色
tag_view_bg_color_check color 标签选中背景颜色
tag_view_border_color_check color 标签选中边框颜色
tag_view_text_color_check color 标签选中字体颜色
tag_view_border_width dimension 标签边框大小
tag_view_border_radius dimension 标签边框圆角弧度
tag_view_vertical_padding dimension 标签垂直填充
tag_view_horizontal_padding dimension 标签水平填充
tag_view_icon_padding dimension 标签icon和文字的间隔
tag_view_text_size dimension 标签字体大小(1.0.5由float改为dimension)
tag_layout_horizontal_reverse boolean 水平反向排列(RTL)

标签属性:

name format description
tag_mode enum {normal,check,icon_check_invisible,icon_check_change}, 分别为正常、可选中、选中图标消失和选中换图标等模式
tag_shape enum {round_rect,arc,rect},标签形状分别为圆角矩形、圆弧形和直角矩形,默认round_rect
tag_auto_check boolean 使能自动点击选中操作
tag_press_feedback boolean 按压反馈效果
tag_checked boolean 初始选中状态
tag_icon reference 标签图标
tag_icon_change reference 标签选中时替换的图标(icon_check_change模式)
tag_text_check string 标签选中时替换的字符
tag_bg_color color 标签背景颜色
tag_border_color color 标签边框颜色
tag_text_color color 标签字体颜色
tag_bg_color_check color 标签选中背景颜色
tag_border_color_check color 标签选中边框颜色
tag_text_color_check color 标签选中字体颜色
tag_border_width dimension 标签边框大小
tag_border_radius dimension 标签边框圆角弧度
tag_vertical_padding dimension 标签垂直填充
tag_horizontal_padding dimension 标签水平填充
tag_text dimension 标签icon和文字的间隔
tag_icon_padding dimension 标签icon和文字的间隔
tag_text string 标签字符
tag_text_size dimension 标签字体大小
tag_gravity enum 图标放置位置,只支持left和right

ChangeLog

1.0.4 -> 1.0.5

1、重写TagView直接继承View,简化了代码逻辑,不再支持TextView的android:text和android:textSize属性,替换为自定义的tag_text和tag_text_size属性;

2、增加了tag_gravity属性来设置Drawable的放置位置,只支持left和right;

1.0.5 -> 1.0.6

1、添加水平反向排列属性(tag_layout_horizontal_reverse);

License

Copyright 2017 Rukey7

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

   https://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.