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