【Android -- 开源库】FlowLayout 的基本使用

目前最新版本是 1.1.2。 GitHub：https://github.com/hongyangAndroid/FlowLayout

一、 简介

Android流式布局，支持单选、多选等，适合用于产品标签等。

• 以setAdapter形式注入数据
• 直接设置selector为background即可完成标签选则的切换，类似CheckBox
• 支持控制选择的Tag数量，比如：单选、多选
• 支持setOnTagClickListener，当点击某个Tag回调
• 支持setOnSelectListener，当选择某个Tag后回调
• 支持adapter.notifyDataChanged
• Activity重建（或者旋转）后，选择的状态自动保存

二、引入框架

1. 在 app/build.gradle 中添加依赖

implementation 'com.hyman:flowlayout-lib:1.1.2'

2. 效果图

三、使用

1. 布局文件

 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@drawable/dialog_bg_normal" android:layout_marginLeft="20dp" android:layout_marginRight="20dp" android:orientation="vertical"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="16sp" android:layout_marginTop="15dp" android:layout_marginLeft="12dp" android:text="工单类型" android:textStyle="bold"/> <com.zhy.view.flowlayout.TagFlowLayout android:id="@+id/flowlayout_type" android:layout_width="match_parent" android:layout_height="wrap_content" android:padding="15dp"/> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="16sp" android:layout_marginTop="15dp" android:layout_marginLeft="12dp" android:text="紧急程度" android:textStyle="bold"/> <com.zhy.view.flowlayout.TagFlowLayout android:id="@+id/flowlayout_level" android:layout_width="match_parent" android:layout_height="wrap_content" android:padding="15dp"/> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal"> <TextView android:id="@+id/txt_cancel" android:layout_width="0dp" android:layout_weight="1" android:gravity="center" android:layout_height="wrap_content" android:padding="6dp" android:text="取消"/> <TextView android:id="@+id/txt_ok" android:layout_width="0dp" android:layout_weight="1" android:gravity="center" android:layout_height="wrap_content" android:textColor="@color/btn_color" android:padding="6dp" android:text="确定"/>  <TextView xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="100dp" android:layout_height="30dp" android:layout_centerVertical="true" android:layout_margin="8dp" android:gravity="center" android:text="确定你好" android:background="@drawable/sel_tag_bg" android:textColor="@color/black" android:textSize="16sp">  if (popupWindow != null && popupWindow.isShowing()) { return; } popupWindow = new CommonPopupWindow.Builder(getActivity()) .setView(R.layout.popup_filter) .setAnimationStyle(R.style.AnimDown) .setBackGroundLevel(0.5f) .setWidthAndHeight(ViewGroup.LayoutParams.MATCH_PARENT,ViewGroup.LayoutParams.WRAP_CONTENT) .setViewOnclickListener(new CommonPopupWindow.ViewInterface() { @Override public void getChildView(View view, int layoutResId) { final LayoutInflater mInflater = LayoutInflater.from(getActivity()); TagFlowLayout flowLayout = (TagFlowLayout) view.findViewById(R.id.flowlayout_type); TagFlowLayout flowLayout_level = (TagFlowLayout) view.findViewById(R.id.flowlayout_level); TextView txt_ok = (TextView) view.findViewById(R.id.txt_ok); TextView txt_cancel = (TextView) view.findViewById(R.id.txt_cancel); flowLayout.setMaxSelectCount(1); flowLayout_level.setMaxSelectCount(1); flowLayout.setAdapter(new TagAdapter<String>(types) { @Override public View getView(FlowLayout parent, int position, String text) { TextView tv_date = (TextView)mInflater.inflate(R.layout.tag_txt_level,flowLayout,false); tv_date.setText(text); return tv_date; } }); flowLayout_level.setAdapter(new TagAdapter<String>(levels) { @Override public View getView(FlowLayout parent, int position, String text) { TextView tv_date = (TextView)mInflater.inflate(R.layout.tag_txt,flowLayout_level,false); tv_date.setText(text); return tv_date; } }); flowLayout.setOnTagClickListener(new TagFlowLayout.OnTagClickListener() { @Override public boolean onTagClick(View view, int position, FlowLayout parent) { ToastUtils.showToast(getActivity(),types.get(position)); return true; } }); flowLayout_level.setOnTagClickListener(new TagFlowLayout.OnTagClickListener() { @Override public boolean onTagClick(View view, int position, FlowLayout parent) { ToastUtils.showToast(getActivity(),levels.get(position)); return true; } }); txt_cancel.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { if (popupWindow != null) { popupWindow.dismiss(); } } }); txt_ok.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { // todo 接口文档 if (popupWindow != null) { popupWindow.dismiss(); } } }); } }) .setOutsideTouchable(true) .create(); popupWindow.showAsDropDown(mTitleBar); }