流式布局FlowLayout使用

港控/mmm° 2021-09-26 03:14 578阅读 0赞

参考自：[地址传送][Link 1]  
特色  
以setAdapter形式注入数据  
直接设置selector为background即可完成标签选则的切换，类似CheckBox  
支持控制选择的Tag数量，比如：单选、多选  
支持setOnTagClickListener，当点击某个Tag回调  
支持setOnSelectListener，当选择某个Tag后回调  
支持adapter.notifyDataChanged  
Activity重建（或者旋转）后，选择的状态自动保存  
![如图所示][SouthEast]

布局文件中声明：
    
     <com.zhy.view.flowlayout.TagFlowLayout
            android:id="@+id/id_flowlayout"
            zhy:max_select="-1"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:padding="20dp">
        </com.zhy.view.flowlayout.TagFlowLayout>
    
    支持属性：
    
    max_select：-1为不限制选择数量，>=1的数字为控制选择tag的数量multi_suppout是否开启多选的支持，默认为true
    
    设置数据
        private List<String> mData = new ArrayList<>();
    
        mData.add("第三天是几号");mData.add("23");
            mFlowlayout.setAdapter(new TagAdapter<String>(mData) {
                @Override
                public View getView(FlowLayout parent, int position, String s) {
                    TextView tv = (TextView) mInflater.inflate(R.layout.tv,
                            mFlowlayout, false);
                    tv.setText(mData.get(position));
                    return tv;
                }
            });
    
    getView中回调，类似ListView等用法。
    
    对于选中状态
    你还在复杂的写代码设置选中后标签的显示效果么，翔哥说No!
    
    <?xml version="1.0" encoding="utf-8"?>
    <selector xmlns:android="http://schemas.android.com/apk/res/android">
        <item android:color="@color/tag_select_textcolor"
              android:drawable="@drawable/checked_bg"
              android:state_checked="true"></item>
        <item android:drawable="@drawable/normal_bg"></item>
    </selector>
    
    设置个background，上面一个状态为android:state_checked，另一个为正常。写写布局文件我都嫌慢，怎么能写一堆代码控制效果，设置改个效果，岂不是没时间dota了。
    
    事件
      mFlowlayout.setOnTagClickListener(new TagFlowLayout.OnTagClickListener() {
                @Override
                public boolean onTagClick(View view, int position, FlowLayout parent) {
                    KLog.e("点击的是："+position+" 个 ："+mData.get(position));
                    return true;
                }
            });
    点击标签时的回调。
    
    mFlowLayout.setOnSelectListener(new TagFlowLayout.OnSelectListener()
    {
      @Override
      public void onSelected(Set<Integer> selectPosSet)
      {
          getActivity().setTitle("choose:" + selectPosSet.toString());
      }
    });
    
    项目主页：http://www.open-open.com/lib/view/home/1442133776443

[Link 1]: http://www.open-open.com/lib/view/open1442133776443.html
[SouthEast]: /images/20210923/1e1f7f03e64142f5a299b75b6d4dc853.png