Duilib 改造之路 <1> 扩展标签

大约耗时:1-15分钟

duilib的界面绘制大部分是根据xml文件来实现的,除了默认标签之外,它为程序员留下了一个用户自定义标签userdata,我们可以通过GetUserdata和SetUserdata来设置这个值实现数据绑定,如果需要绑定的元素很多该怎么办?

      <DuilibHDCUI4Progress name="AutoProgress"  float="true" adaptive="true" pos="40,10,0,0" width="422" height="48"

                                      leftpadding="50"  rightpadding="50" partlength="50"

                                      marktextpadding="0,5,0,0"  marktextcolor="#FF32CD32" markseltextcolor="#FFFFA500"

                                      markfont="10"  markselfont="11"  markalign="center"

                                      hearbkimage1="流程条/Hear.png"

                                      crossbkimage1="流程条/Cross1.png" crossbkimage2="流程条/Cross2.png"

                                      pointbkimage1="流程条/Point1.png" pointbkimage2="流程条/Point2.png"  pointbkimage3="流程条/Point3.png"  pointbkimage4="流程条/Point4.png"

                                      tailbkimage1="流程条/Tail1.png"   tailbkimage2="流程条/Tail2.png"  />

上面是一个自定义duilib控件的xml描述,里面包含了大量的自定义标签,他是怎么实现的?

首先来了解duilib对标签的处理方式,面对duilib大量的代码,该怎么去?

答案是:ctrl+F,在使用第三方代码时我们完全没有必要浪费时间掌握所有代码,因为这是和源码作者的"分工合作",我们不需要重复工作

因为duilib使用xml作为标识工具,所以源码里面必然有与标签名相同的部分.例如"name"这个标签,我们通过在duilib项目中查找"name"(包含引号),就会找到



duilib就是通过SetAttribute函数来绑定数据的,那么我们只要在这里添加我们的自定义标签就可以了?然后你真的一个个去加么?这样维护起来方便么?



这是我的修改方式,直接把所有duilib默认的标签全部存放到一个map容器里面,这样我们就不需要重复添加标签



最后添加一个获取函数,这样我们就可以很方便地使用自定义标签了,这也是对duilib修改的第一步,虽然很贱单,但是因为后面我们将会使用到很多自定义标签来完成繁琐的数据绑定,所以这一步很重要

注意:1,要在duilib中添加对stl支持,当然也可以考虑使用duilib中的容器类