Android标签(标签云/热门标签/兴趣标签/热门搜索词)控件

前言

在应用中可能须要设置一些标签来方便用户去查询/搜索某些信息，比方手机助手或者购物软件之类都会有一些标签。对于软件开发者来说，如何自适应一行所占用的空间尤其关键。通常使用TextView或者Button能够有限的实现相应的效果，但是并不理想。比如不能控制换行、内容重叠等。接下来给大家带来一款兼容性强，实现灵活的Android控件：FlexTags

基础效果

Screenshot_2021-09-23-17-47-25-36_1035ebf89704ceee366cf08719ac3e22.jpg

使用方式

在工程根目录的build.gradle中添加

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

添加依赖

implementation 'com.github.chockqiu:FlexTags:1.1'

在xml中添加布局

设置适配器

FlexTags mFlexTags = findViewById(R.id.flex_tags);
mLayoutInflater = LayoutInflater.from(this);
FlexTags.Adapter mAdapter = new FlexTags.Adapter() {

    @Override
    public View onCreateView(ViewGroup parent) {
        return mLayoutInflater.inflate(R.layout.item_search_hot_text, parent, false);
    }

    @Override
    public void onBindView(View v, int position) {
        TextView tv = v.findViewById(R.id.tv_item_text);
        tv.setText(tags.get(position));
        tv.setOnClickListener(v1 -> Toast.makeText(mContext, tags.get(position), Toast.LENGTH_SHORT).show());
    }

    @Override
    public int getItemCount() {
        return tags.size();
    }
};
mFlexTags.setAdapter(mAdapter);

单个item布局文件: item_search_hot_text.xml

背景shape_16dp_f5f7fa.xml

参考源码

https://github.com/chockqiu/FlexTags

扩展使用

1. 重新设计item_search_hot_text.xml, 可以包含任意视图内容(可以是包有ImageView/TextView/Button等的组合视图)
2. 重写Adapter, 可以添加点击、选中或者删除逻辑；

扩展示例

选中效果.jpg

编辑效果.jpg