为了使用xml进行界面布局,需要把前面的Duilib程序框架中的HandleMessage稍微改动一下:
灰色部分表示改动的部分。
然后我们来编写一个简单的xml:
把以上xml保存为test1.xml,主要保存格式为utf-8(不要使用windows自带的记事本保存,可以使用ultraedit、editplus之类具备xml编辑能力的编辑器保存)。然后运行程序,可以看到如下效果:

好像还不是太难看,不过按钮好像看起来不大像按钮,那就给贴个图把,将一下这行加入到Window标签下:
然后将button_nor.bmp、button_over.bmp、button_down.bmp(可在Duilib发行包中找到)放到exe目录下,运行程序,可以看到:
可以看到按钮的显示已经改变了,我们继续将Richedit换个背景,将Richedit的背景色改成bkcolor="#FFF2F5FA" bkcolor2="#FFA0A000" bkcolor3="#FFF2F5FA",我们得到下面的结果:
继续修改这个xml,我们通过设置xml中控件的属性,可以很简单的实现自由调整界面。