FlexboxLayout流布局的使用(分割线的妙用)

1、添加依赖

dependencies {
    compile 'com.google.android:flexbox:0.3.0'
}

2、准备下分割线文件(这步很重要，初学者都是通过添加View来实现分割线的)

在drawable文件下创建shape_flexbox_divider.xml文件，具体内容如下：

3、在布局文件中使用FlexboxLayout布局

效果图

C68C30D2-8A03-4C03-A5FE-135B7819E8E3.png

4、也可以在代码中动态添加标签

获取标签控件

/**
     * 根据名称获取item
     *
     * @param tagName
     */
private View getTagView(final String tagName) {
        View view = layoutInflater.inflate(R.layout.item_flexbox, null);//item_flexbox自己定义
        TextView textView = ((TextView) view.findViewById(R.id.tv_name));
        textView.setText(tagName);
        return view;
    }

添加到flexboxLayout

flexboxLayout.addView(getTagView(key));