duilib开发效率小工具

软件运行效果图工具下载链接

如图,本人最近工作使用的是duilib这款界面库。在这个过程中结合使用特点,编写了这样一个小型的xml效率小工具。现分享给大家使用。

功能说明:

软件运行显示一个属性列表页,用户可以在里面查看目前属性列表页里面写入的所有控件以及其属性内容描述

页面左下角分别为[新建xml文件]和[打开xml文件]

在触发两个按钮之后会弹出第二个页面,如果是打开xml文件,程序会加载xml文件中已有的控件元素内容,并在属性图中显示其节点关系细节,通过点击节点,可以在右侧查看其所有属性及其设置内容,其中_内容为未设置,用户可以通过点击某一列属性在右下角设置其内容。

树形图可以支持右键菜单操作,分别为[添加子节点][删除子节点][上移节点][下移节点],另外还注册了 'w'(上移) 's'(下移)  (F3) 添加新节点 三个快捷操作键

很多控件可能需要进行贴图,而通常ui人员会给出一个控件的各种图片(以拼图方式),设置图片方式

file='fileName' source='left,top,right,bottom' corner='......' ... 控件状态图片通常会有多种,这样手工写下来内容又臭又长,所以在工具中增加图片设置配置窗口,根据图片特点进行快捷设置,如果一个控件的各种状态图是竖直排列,那么需要根据顺序点出图片的状态属性到已选项,然后点击 勾选图片竖直排列

如果图片大小小于控件大小,并且需要图片放大到控件大小以填充,请勾选九宫格图片,那么图片设置里会将图片中心点设置为拉伸点(见corner属性) 另外制定图片相对(xml文件)路径,每个单元图片的宽高回车即可

*tip* 另外如果几个控件(如,几个按钮)的图片被拼接在一个图片上,如上,每个控件的各种状态图是竖直排列,那么多个控件的各种状态图应该是水平方向排列,那么你只需要按 (F2)即可快速创建并配置下一个控件.

设置完xml文件过后点击 save&showXML 即可保存xml文件并预览其效果。

如果点击导出,即可在当前xml配置基础上导出duilib窗口类文件,类文件里面会有一些宏,具体可参照 uipatch.h文件(在duilib 窗口类上面小小地再封装了一层);类导出会在类中添加所有配置了name属性的控件为成员变量,并在其 init... 方法中进行绑定。

~文件夹下面的 属性列表文件 采用了GBK编码,打开是乱码,修改前请备份

你可能感兴趣的:(duilib开发效率小工具)