Android TagCloudView云标签的使用方法

所属分类: 软件编程 / Android 阅读数: 46
收藏 0 赞 0 分享

这两天做了一个项目,发现标签不能更改任意一个标签的字体的颜色,需求如同置前标签,然后就对tagcloudeview稍做修改做了这么一个demo。不为别的,只为以后自己用的时候方便拷贝。

先看效果图:

这两天做了一个项目,需求如同置前标签,然后就对tagcloudeview稍做修改做了这么一个demo。不为别的,只为以后自己用的时候方便拷贝。

云标签开源地址

在源码里面加了两个方法

/**修改某些位置定点颜色**/
  public void setTagsByPosition(HashMap<Integer, Boolean> positions, List<String> tagList){
    this.tags = tagList;
    this.removeAllViews();
    if (tags != null && tags.size() > 0) {
      for (int i = 0; i < tags.size(); i++) {
        TextView tagView = (TextView) mInflater.inflate(mTagResId, null);
        if (mTagResId == DEFAULT_TAG_RESID) {
          tagView.setBackgroundResource(mBackground);
          tagView.setTextSize(TypedValue.COMPLEX_UNIT_SP, mTagSize);
          if (positions.get(i)){
            tagView.setTextColor(mSeclectTagColor);
          }else{
            tagView.setTextColor(mTagColor);
          }
        }
        LayoutParams layoutParams = new LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);
        tagView.setLayoutParams(layoutParams);
        tagView.setText(tags.get(i));
        tagView.setTag(TYPE_TEXT_NORMAL);
        final int finalI = i;
        tagView.setOnClickListener(new OnClickListener() {
          @Override
          public void onClick(View v) {
            if (onTagClickListener != null) {
              onTagClickListener.onTagClick(finalI);
            }
          }
        });
        addView(tagView);
      }
    }
    postInvalidate();
  }
  /**最前面的修改颜色**/
  public void setTagsByLength(int length,List<String> tagList){
    this.tags = tagList;
    this.removeAllViews();
    if (tags != null && tags.size() > 0) {

      for (int i = 0; i < tags.size(); i++) {
        TextView tagView = (TextView) mInflater.inflate(mTagResId, null);
        if (mTagResId == DEFAULT_TAG_RESID) {
          tagView.setBackgroundResource(mBackground);
          tagView.setTextSize(TypedValue.COMPLEX_UNIT_SP, mTagSize);
          if (i >= length){
            tagView.setTextColor(mTagColor);
          }else{
            tagView.setTextColor(mSeclectTagColor);
          }
        }
        LayoutParams layoutParams = new LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);
        tagView.setLayoutParams(layoutParams);
        tagView.setText(tags.get(i));
        tagView.setTag(TYPE_TEXT_NORMAL);
        final int finalI = i;
        tagView.setOnClickListener(new OnClickListener() {
          @Override
          public void onClick(View v) {
            if (onTagClickListener != null) {
              onTagClickListener.onTagClick(finalI);
            }
          }
        });
        addView(tagView);
      }
    }
    postInvalidate();
  }

一目了然的方法,所以不多做解释

另外加了一个选中字体颜色的全局常量,和一个int变量

 private static final int SELCECT_TEXT_COLOR = R.color.yellow_bg;//选中后的标签颜色
  private int mSeclectTagColor;

在styles.xml中给TagCloudView增加了一个选中字体颜色的attr

<attr name="tcvSeclecTextColor" format="reference" />

剩下就是运用的地方

不多说,直接上代码

public class MainActivity extends AppCompatActivity {
  private TagCloudView normalTagView;//标准
  private TagCloudView selectTagUseView;//置前
  private TagCloudView positionsView;//定点
  private List<String> AllTagsNormal = new ArrayList<>(0);//整个标签存放集合
  private List<String> AllTagsSelect = new ArrayList<>(0);//整个标签存放集合
  private List<String> selectTags = new ArrayList<>(0);//选中的标签
  private List<String> notSelectTags = new ArrayList<>(0);//未选中的标签

  private List<String> AllTagsPosition = new ArrayList<>(0);//整个标签存放集合
  private HashMap<Integer, Boolean> map = new HashMap<>(0);//记录选择的位置

  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
    normalTagView = (TagCloudView) findViewById(R.id.normalTag);
    selectTagUseView = (TagCloudView) findViewById(R.id.selcetTagUse);
    positionsView = (TagCloudView) findViewById(R.id.positionsTag);
    setSupportActionBar(toolbar);
    for (int i = 0; i < 15; i++) {
      AllTagsNormal.add("普通标签" + i);
      AllTagsSelect.add("置前标签" + i);
      AllTagsPosition.add("定点标签" + i);
      map.put(i, false);
    }
    normalTagView.setOnTagClickListener(new TagCloudView.OnTagClickListener() {
      @Override
      public void onTagClick(int position) {
        Snackbar.make(normalTagView, AllTagsNormal.get(position), Snackbar.LENGTH_LONG)
            .setAction("Action", null).show();
      }
    });
    selectTagUseView.setOnTagClickListener(new TagCloudView.OnTagClickListener() {
      @Override
      public void onTagClick(int position) {
        if (selectTags.contains(AllTagsSelect.get(position))) {//如果选中的里面有 就删掉 扔到未选中的里面去
          selectTags.remove(position);
          notSelectTags.add(AllTagsSelect.get(position));
        } else {
          selectTags.add(AllTagsSelect.get(position));//
          notSelectTags.remove(position - selectTags.size() + 1);
        }
        Snackbar.make(selectTagUseView, AllTagsSelect.get(position), Snackbar.LENGTH_LONG)
            .setAction("Action", null).show();

        AllTagsSelect.clear();//清空,重新装数据
        AllTagsSelect.addAll(selectTags);
        AllTagsSelect.addAll(notSelectTags);
        bindSelectUseView(selectTags.size());

      }
    });
    positionsView.setOnTagClickListener(new TagCloudView.OnTagClickListener() {
      @Override
      public void onTagClick(int position) {
        bindPositionView(position);
        Snackbar.make(positionsView, AllTagsPosition.get(position), Snackbar.LENGTH_LONG)
            .setAction("Action", null).show();
      }
    });
    normalTagView.setTags(AllTagsNormal);


    int selectLength = 4;
    bindSelectUseView(selectLength);


    //用一个hashmap存放当前位置是否需要变色
    bindPositionView(3);
    bindPositionView(6);
    bindPositionView(9);

  }

  /**
   * 定点标签记录和view变化
   **/
  private void bindPositionView(int position) {
    for (int i = 0; i < AllTagsPosition.size(); i++) {
      if (i == position) {
        if (map.get(i)) {
          map.put(i, false);
        } else {
          map.put(i, true);
        }
      } else {
        if (map.get(i)) {
          map.put(i, true);
        } else {
          map.put(i, false);
        }
      }
    }
    positionsView.setTagsByPosition(map, AllTagsPosition);
    for (int i = 0; i < AllTagsPosition.size(); i++) {
      if (map.get(i)) {
        positionsView.getChildAt(i).setBackgroundResource(R.drawable.edit_style_yellow);
      }
    }
  }

  /**
   * 选中标签的运用
   **/
  private void bindSelectUseView(int selectLength) {
    selectTagUseView.setTagsByLength(selectLength, AllTagsSelect);
    selectTags.clear();
    notSelectTags.clear();
    for (int i = 0; i < AllTagsSelect.size(); i++) {
      if (i < selectLength) {
        selectTags.add(AllTagsSelect.get(i));//选中的存放入集合
        selectTagUseView.getChildAt(i).setBackgroundResource(R.drawable.edit_style_yellow);
      } else {
        notSelectTags.add(AllTagsSelect.get(i));//未选中的存放入集合
      }
    }
  }

  @Override
  public boolean onCreateOptionsMenu(Menu menu) {
    // Inflate the menu; this adds items to the action bar if it is present.
    getMenuInflater().inflate(R.menu.menu_main, menu);
    return true;
  }

  @Override
  public boolean onOptionsItemSelected(MenuItem item) {
    // Handle action bar item clicks here. The action bar will
    // automatically handle clicks on the Home/Up button, so long
    // as you specify a parent activity in AndroidManifest.xml.
    int id = item.getItemId();

    //noinspection SimplifiableIfStatement
    if (id == R.id.action_settings) {
      return true;
    }

    return super.onOptionsItemSelected(item);
  }
}

项目下载地址

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

更多精彩内容其他人还在看

Android中加入名片扫描功能实例代码

这篇文章主要介绍了Android中加入名片扫描功能实例代码的相关资料,需要的朋友可以参考下
收藏 0 赞 0 分享

Android仿微信发表说说实现拍照、多图上传功能

这篇文章主要为大家详细介绍了Android仿微信发表说说实现拍照、多图上传功能,使用Retrofit2.0技术,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

设置Android系统永不锁屏永不休眠的方法

在进行Android系统开发的时候,有些特定的情况需要设置系统永不锁屏,永不休眠。本篇文章给大家介绍Android 永不锁屏,开机不锁屏,删除设置中休眠时间选项,需要的朋友一起学习吧
收藏 0 赞 0 分享

Android Retrofit 2.0框架上传图片解决方案

这篇文章主要介绍了Android Retrofit 2.0框架上传一张与多张图片解决方案,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

Android自定义等待对话框

这篇文章主要为大家详细介绍了Android自定义等待对话框的实现方法,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

Android中Window添加View的底层原理

这篇文章主要介绍了Android中Window添加View的底层原理,需要的朋友可以参考下
收藏 0 赞 0 分享

Android调用系统默认浏览器访问的方法

这篇文章主要介绍了Android调用系统默认浏览器访问的方法的相关资料,需要的朋友可以参考下
收藏 0 赞 0 分享

Android开发退出程序的方法汇总

Android程序有很多Activity,比如说主窗口A,调用了子窗口B,子窗口B又调用子窗口C,back返回子窗口B后,在B中如何关闭整个Android应用程序呢? 下面脚本之家小编就给大家介绍android开发退出程序的几种方法,感兴趣的朋友参考下吧
收藏 0 赞 0 分享

Android程序开发中单选按钮(RadioGroup)的使用详解

在android程序开发中,无论是单选按钮还是多选按钮都非常的常见,接下来通过本文给大家介绍Android程序开发中单选按钮(RadioGroup)的使用,需要的朋友参考下吧
收藏 0 赞 0 分享

Android实现仿网易今日头条等自定义频道listview 或者grideview等item上移到另一个view中

这篇文章主要介绍了Android实现仿网易今日头条等自定义频道listview 或者grideview等item上移到另一个view中 的相关资料,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多