(6) 盘古UI,深度封装flexbox,轻松实现各种tag类型,让快速开发更自由!

(6) 盘古UI,深度封装flexbox,PanguFlexBoxView轻松实现各种tag类型,让快速开发更自由!

盘古UI,较为全面的自定义UI框架,帮助你绝对的快速开发!(长期维护中)

demo地址,点击查看github

盘古PanguFlexBoxView

可以实现各种tag类型的UI需求,包含颜色和点击选中等!

1, 样例展示图

2, 介绍

标签布局,盒子布局,实现各中tag标签的展示和点击,可以自定义样式!

base类方法介绍列表:

3, 使用示例

1,布局文件

     <com.smart.pangu_ui_lib.widget.PanguFlexBoxView
                android:layout_width="match_parent"
                android:id="@+id/pg_flex_box4"
                app:flex_select_mode="multiple"
                android:minHeight="50dp"
                android:layout_height="wrap_content" />
1
2
3
4
5
6

2,代码逻辑-准备数据

   //准备数据
      public static List<SelectItem> getSelectItems() {
        ArrayList<SelectItem> selectItems = new ArrayList<>();
        selectItems.add(new SelectItem("0", "PanguUI框架"));
        SelectItem android = new SelectItem("1", "Android");
        android.setShowInput(true);
        android.setInputContent("这是安卓....");
        selectItems.add(android);
        selectItems.add(new SelectItem("2", "Java"));
        selectItems.add(new SelectItem("3", "Php"));
        selectItems.add(new SelectItem("4", ".net",true));
        selectItems.add(new SelectItem("5", "H5"));
        selectItems.add(new SelectItem("6", "C++"));
        selectItems.add(new SelectItem("7", "JavaScript"));
        selectItems.add(new SelectItem("8", "Python"));
        return selectItems;
    }
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

3,设置数据

    mPgFlexBox4.setDataCb(UserUtil.getSelectItems(), new   
    PanguFlexBoxView.OnItemCheckedListener() {
            @Override
            public void onItemCheck(SelectItem item, int position, boolean currentItemChecked) {
                showToast("当前" + (currentItemChecked ? "选择了" : "取消选择了") + ":position=" + position + ",name=" + item.getName());
            }
        });
1
2
3
4
5
6
7

4, 代码封装心得

根据自己的业务需求和自己使用app的体验封装和开发了常用的功能方法,不足之处多多指正!
欢迎来一起探讨封装之路!
1
2

5, 获取地址

demo地址,点击查看github
欢迎您扫码安装体验demo