Android支持 SingleLine 模式的标签云效果

jopen 9年前

支持 SingleLine 模式的标签云效果,轻松实现知乎问题话题列表

标签云效果,可以设置为 SingleLine 模式,丰富的自定义样式选择 Demo apk 下载

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

How to use 如何使用

第一种方式

使用 JCenter 在项目的 build.gradle 中添加如下代码

compile 'com.github.kingideayou:tagcloudview:1.0.1'

第二种方式

首先下载 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();      }    }

效果图

TagCloudView TagCloudView

动图展示:

TagCloudView


项目主页:
http://www.open-open.com/lib/view/home/1438841873723