為了使用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中控件的屬性，可以很簡單的實作自由調整界面。