FlowLayout流式布局实现标签、类似热门搜索这种效果

本文所使用的FlowLayout来自于鸿洋大神的框架。
正好现在在做项目需要用到。自己试着用了下,具体可以看效果图
鸿洋的github:https://github.com/hongyangAndroid/FlowLayout

FlowLayout流式布局实现标签、类似热门搜索这种效果_第1张图片
gif.gif

android Studio中注入依赖:

compile 'com.zhy:flowlayout-lib:1.0.3'

布局文件:
zhy:max_select=设置可选中的tag数量。
zhy:max_select="-1" 不限制。
zhy:max_select="5"限制可选中5个标签。适合文章发布选择标签开发。
auto_select_effect="true | false"设置点击效果,默认显示




标签TextView及风格的设置:




这里TextView用到了shap风格:
color 选中标签颜色
blackground | drawable 已选中背景。这里我引用了一个shape风格
state_checked 是否显示选中状态效果。
blackground | drawable 未选中背景。



    
    

数据源:

 final LayoutInflater mInflater = LayoutInflater.from(SearchPageActivity.this);
        search_page_flowlayout.setAdapter(new TagAdapter(mVals)
        {
            @Override
            public View getView(FlowLayout parent, int position, String s)
            {
                TextView tv = (TextView) mInflater.inflate(R.layout.search_page_flowlayout_tv,
                        search_page_flowlayout, false);
                tv.setText(s);
                return tv;
            }
        });

监听标签点击事件:

  search_page_flowlayout.setOnTagClickListener(new TagFlowLayout.OnTagClickListener()
        {
            @Override
            public boolean onTagClick(View view, int position, FlowLayout parent)
            {
                Toast.makeText(SearchPageActivity.this, mVals[position], Toast.LENGTH_SHORT).show();
                //view.setVisibility(View.GONE);
                return true;
            }
        });

设置监听事件的回调:

search_page_flowlayout.setOnSelectListener(new TagFlowLayout.OnSelectListener()
        {
            @Override
            public void onSelected(Set selectPosSet)
            {
                SearchPageActivity.this.setTitle("choose:" + selectPosSet.toString());
            }
        });

新手上路!欢迎指导!
以后经常会在,csdn更新自己开发过程中遇到的问题,和一些好用的框架。
包括一些互联网的经验分享,欢迎同行交流
源码:https://github.com/wapchief/android-CollectionDemo

你可能感兴趣的:(FlowLayout流式布局实现标签、类似热门搜索这种效果)