Android 优美的自动换行标签按钮
2022-03-30 本文已影响0人
Pino
废话不多说 先上图
1.三种大小模式 ,依次小、中、大
image.pngimage.png
image.png
2.设置圆角
image.png自行设置圆角大小(仅在非圆角模式生效)
image.png3.镂空模式(圆角支持自定义)
image.png4.在控件设置数据
<com.uni.taggroupview.TagView
android:id="@+id/tag_view"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:textList="随时可看,带家私,带家电,随时可看,带家私,带家电,靠近地铁,贵,大型购物商场,停车场"
app:roundedCorners="5"
app:isHollowOut="true"
app:isRounded="false"
app:sizeMode="large"
/>
5.在代码设置数据
// 公开设置数据方法
public void setDatas(List<String> texts) {
}
// 设置点击回调
binding.tagView.setClickCallback((view, index) -> {
Log.e("TAG", "onClick: "+index);
});
// 设置长按回调
binding.tagView.setLongClickCallback((view, index) -> {
Log.e("TAG", "onLongClick: "+index);
return false;
});
6..文本颜色默认白色 背景色默认随机 两种颜色均可以指定
设置间距仅支持marginRight marginBottom; 也可以通过代码来设置margin值
app:marginRight="5"
app:marginBottom="5"
7. v1.0.6增加两种模式,背景色可定义为渐变背景,圆角可自定义
第一种 左侧显示单个字符,右侧内容,如下图,默认显示第一个字符
image.png代码设置如下
<com.uni.taggroupview.TagView
android:id="@+id/tag_view1"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:isHollowOut="false"
app:isRounded="false"
app:roundedCorners="5"
app:sizeMode="small"
app:textList="随时可看,带家私,带家电,随时可看,带家私,带家电,靠近地铁,贵实打实,大型购物商场,停车场"
app:marginRight="5"
app:styleMode="1"
/>
8.第二种 左侧显示图标,右侧内容,如下图
image.png代码设置如下
<com.uni.taggroupview.TagView
android:id="@+id/tag_view2"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:isHollowOut="false"
app:isRounded="false"
app:roundedCorners="5"
app:sizeMode="small"
app:textList="随时可看,带家私,带家电,随时可看,带家私,带家电,靠近地铁,贵实打实,大型购物商场,停车场"
app:marginRight="5"
app:styleMode="2"
/>
自定义圆角
image.png9.如果不喜欢渐变 色,可以只设置一种颜色,如下
int[] color=new int[]{Color.RED};
int[] color2=new int[]{Color.BLUE};
binding.tagView1.setLeftColor(color);
binding.tagView1.setRightColor(color2);
binding.tagView2.setLeftColor(color);
binding.tagView2.setRightColor(color2);
10.添加依赖
implementation 'com.gitee.Pino_W:tag_group:v1.0.6'