美文网首页读书点点
Android 优美的自动换行标签按钮

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

作者: Pino | 来源:发表于2022-03-30 11:57 被阅读0次

    废话不多说 先上图

    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

    相关文章

      网友评论

        本文标题:Android 优美的自动换行标签按钮

        本文链接:https://www.haomeiwen.com/subject/rlwijrtx.html