TagCloudView

介绍:

标签云效果,可以设置为 SingleLine 模式,丰富的自定义样式选择,轻松实现知乎问题话题列表。

运行效果:

使用说明:

只需要一行代码即可设置 SingleLine 模式:app:tcvSingleLine="true" true 为 SingleLine 模式,false 为默认标签云模式

How to user 如何使用

首先下载 tagView,将 tagView 文件夹拷贝到项目的目录下面,然后在setting.gradle文件中增加文件夹名称

 include ":tagview"

然后在我们需要依赖这个模块的module中的build.gradle文件中加入如下代码:

 compile project(':tagview')

只需要在 XML 文件中添加如下视图

  <me.next.tagview.TagCloudView
        android:id="@+id/tag\_cloud\_view"
        android:layout\_width="match\_parent"
        android:layout\_height="wrap\_content"
        android:background="@drawable/background\_tagcloudview\_black\_selector"
        app:tcvItemBorderHorizontal="8dp"
        app:tcvItemBorderVertical="6dp"
        app:tcvBorder="8dp"
        app:tcvTextColor="#123455"
        app:tcvSingleLine="true"
        app:tcvCanTagClick="true"
        />

在 Activity 中调用如下方法即可

  List<String> tags = new ArrayList<>();
    for (int i = 0; i < 20; i++) {
        tags.add("标签" + i);
    }
  TagCloudView tagCloudView1 = (TagCloudView) findViewById(R.id.tag\_cloud\_view\_1);
  tagCloudView1.setTags(tags);
  tagCloudView1.setOnTagClickListener(this);
  tagCloudView1.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View view) {
            Toast.makeText(getApplicationContext(), "TagView onClick",
                    Toast.LENGTH\_SHORT).show();
        }
    });
   @Override
  public void onTagClick(int position) {
    if (position == -1) {
        Toast.makeText(getApplicationContext(), "点击末尾文字",
                Toast.LENGTH\_SHORT).show();
    } else {
        Toast.makeText(getApplicationContext(), "点击 position : " + position,
                Toast.LENGTH\_SHORT).show();
    }
  }
已下载
0