Android支持 SingleLine 模式的標簽云效果

jopen 9年前發布 | 23K 次閱讀 Android Android開發移動開發

支持 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();
    }
  }