读书点点

Android 优美的自动换行标签按钮

2022-03-30  本文已影响0人  Pino

废话不多说 先上图

1.三种大小模式 ,依次小、中、大

image.png
image.png
image.png

2.设置圆角

image.png

自行设置圆角大小(仅在非圆角模式生效)

image.png

3.镂空模式(圆角支持自定义)

image.png

4.在控件设置数据

<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.png

9.如果不喜欢渐变 色,可以只设置一种颜色,如下

        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'

11.gitee地址 https://gitee.com/Pino_W/tag_group.git

上一篇下一篇

猜你喜欢

热点阅读