Android Tag标签自定义，TagListView封装

最新推荐文章于 2025-06-23 03:29:56 发布

云鸽

最新推荐文章于 2025-06-23 03:29:56 发布

阅读量2.4k

点赞数

CC 4.0 BY-SA版权

分类专栏： android 文章标签：安卓 android tag taglistview

本文链接：https://blog.youkuaiyun.com/tongzhenggang/article/details/67636204

android 专栏收录该内容

10 篇文章

订阅专栏

本文详细介绍了一种自定义Android中TagView样式的方法，包括如何设置不同状态下的背景风格（如默认、选中及按下效果），并通过XML文件进行具体配置。此外还提供了布局属性设置示例及部分Java代码实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

感谢前辈基础，特此整理封装，先来张效果图吧。

一、tag_bg.xml 默认风格配置

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/tag_checked_pressed"/>
</selector>

二、tag_checked_normal.xml 未选中效果，本示例未启用

<?xml version="1.0" encoding="utf-8"?>
<shape
  xmlns:android="http://schemas.android.com/apk/res/android">
    <corners android:radius="10dp" />
    <solid android:color="@color/white" />
    <stroke android:width="0.5dip" android:color="@color/gray" />
</shape>

三、tag_checked_pressed.xml 选中效果

<?xml version="1.0" encoding="utf-8"?>
<shape
  xmlns:android="http://schemas.android.com/apk/res/android">
    <corners android:radius="35dp" />
    <solid android:color="@color/colorAccent" />
    <stroke android:width="0dip" android:color="#ff00aeff" />
</shape>

四、tag.xml控件背景效果等，自己修改想要的效果

<?xml version="1.0" encoding="utf-8"?>
<view.tagview.TagView xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:drawablePadding="5dp"

    android:minHeight="0dp"
    android:paddingBottom="4dp"
    android:paddingLeft="10dp"
    android:paddingRight="10dp"
    android:paddingTop="4.5dp"
    android:textColor="#FFFFFF"
    android:textSize="16sp" />
<!--  android:drawableRight="@drawable/ic_clear_black_24dp"-->

五、attrs.xml

<resources>
       <declare-styleable name="FlowLayout">        <attr name="horizontalSpacing" format="dimension"/>        <attr name="verticalSpacing" format="dimension"/>        <attr name="orientation" format="enum">            <enum name="horizontal" value="0"/>            <enum name="vertical" value="1"/>        </attr>        <attr name="debugDraw" format="boolean" />    </declare-styleable>    <declare-styleable name="FlowLayout_LayoutParams">        <attr name="layout_newLine" format="boolean"/>        <attr name="layout_horizontalSpacing" format="dimension"/>        <attr name="layout_verticalSpacing" format="dimension"/>    </declare-styleable></resources>