最近開發中有流式標簽這個功能,網上學了下,來分享一下
Android 流式布局,支持單選、多選等,適合用於產品標簽等。
效果圖:
用法:
dependencies { compile 'com.hyman:flowlayout-lib:1.1.2' }
布局:
<!--max_select:-1為不限制選擇數量,>=1的數字為控制選擇tag的數量--> <com.zhy.view.flowlayout.TagFlowLayout android:id="@+id/id_flowlayout" zhy:max_select="-1" android:layout_width="match_parent" android:layout_height="wrap_content" android:padding="20dp"> </com.zhy.view.flowlayout.TagFlowLayout>
代碼:
public class FlowlayoutActivity extends AppCompatActivity { TagFlowLayout tagFlowLayout; private List<String> list; private LayoutInflater layoutInflater; @Override protected void onCreate(@Nullable Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.flowlayout_activity); list= new ArrayList<>(); list.add("新聞"); list.add("美食"); list.add("體育"); list.add("生活號"); list.add("預留"); list.add("娛樂"); list.add("杭州市"); list.add("太行"); list.add("舞蹈"); list.add("直播"); list.add("新聞"); list.add("美食"); list.add("體育"); list.add("生活號"); list.add("預留"); list.add("娛樂"); list.add("杭州市"); list.add("太行"); list.add("舞蹈"); list.add("直播"); initView(); } private void initView(){ layoutInflater = LayoutInflater.from(this); tagFlowLayout = findViewById(R.id.id_flowlayout); tagFlowLayout.setAdapter(new TagAdapter<String>(list) { @Override public View getView(FlowLayout parent, int position, String s) { TextView tv = (TextView) layoutInflater.inflate(R.layout.flowlayout_item_tv, tagFlowLayout, false); tv.setText(s); return tv; } }); tagFlowLayout.setOnTagClickListener(new TagFlowLayout.OnTagClickListener() { @Override public boolean onTagClick(View view, int position, FlowLayout parent) { //得到點擊的值 Toast.makeText(getApplicationContext(), list.get(position), Toast.LENGTH_SHORT).show(); return true; } }); tagFlowLayout.setOnSelectListener(new TagFlowLayout.OnSelectListener() { @Override public void onSelected(Set<Integer> selectPosSet) { Log.i("得到下標的集合",selectPosSet.toString()); //得到下標的集合 //Toast.makeText(getApplicationContext(), selectPosSet.toString()+"s", Toast.LENGTH_SHORT).show(); } }); /*//預先設置選中 mAdapter.setSelectedList(1,3,5,7,8,9); //獲得所有選中的pos集合 flowLayout.getSelectedList();*/ } }
上圖日志:
代碼文檔:https://github.com/hongyangAndroid/FlowLayout