美文网首页
支持 SingleLine 模式的标签效果

支持 SingleLine 模式的标签效果

作者: Thor_果冻 | 来源:发表于2018-12-29 15:34 被阅读0次

TagCloudView github

支持 SingleLine 模式的标签云效果,轻松实现知乎问题话题列表
标签云效果,可以设置为 SingleLine 模式,丰富的自定义样式选择。
只需要一行代码即可设置 SingleLine 模式:app:tcvSingleLine="true" true 为 SingleLine 模式,false 为默认标签云模式

How to use 如何使用

Gradle
使用 JCenter 在项目的 build.gradle 中添加如下代码
compile 'com.github.kingideayou:tagcloudview:1.0.1'
  <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();
    }
  }

效果图


image
image

相关文章

  • 支持 SingleLine 模式的标签效果

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

  • Android-自定义流布局标签

    效果 效果分析 标签支持居左,居右,居中显示 标签支持设置最大显示行数 支持展开,折叠 分析思路 流布局标签,在日...

  • 使用TextView实现跑马灯Marquee

    1、定义textView标签的4个属性: android:singleLine="true"//使其只能单行 an...

  • Android开发之TextView常用的功能

    1.TextView实现跑马灯的效果 android:singleLine="true" android:elli...

  • 让Nginx支持pathinfo

    标签(空格分隔): nginx nginx模式默认是不支持pathinfo模式的,类似index.php/inde...

  • 简单易用倒计时

    效果图 特点: 1、已封装,支持自定义 2、支持文本各种对齐模式 3、各种效果都可以通过设置ZJJTimeCoun...

  • iOS 倒计时 验证码倒计时

    效果图 特点: 1、已封装,支持自定义 2、支持文本各种对齐模式 3、各种效果都可以通过设置ZJJTimeCoun...

  • html中标签的用法

    其中 标签是真正实现注音的部分, 标签则是在当浏览器不支持 标签时将显示的部分。 效果如下 羅馬(ローマ)字(じ)...

  • 简书markdown常用语法总结

    支持HTML标签 上标 、下标 示例代码:平方 2 显示效果:平方2示例代码:右 角标2 显示效果:右角标2 标题...

  • 结构型模式-享元模式

    标签(空格分隔):享元模式 内部状态 外部状态 享元模式: 运用共享的技术有效地支持大量细粒度的对象 享元模式就像...

网友评论

      本文标题:支持 SingleLine 模式的标签效果

      本文链接:https://www.haomeiwen.com/subject/rnfplqtx.html