Duilib的简单使用（二、xml实现界面与业务分离）

一、前言

在上一篇Duilib的简单使用（一、duilib demo）中，我们介绍了如何利用duilib构造了一个简单的demo，这一篇我们来说一下在duilib中xml的使用。
Duilib在使用的时候可以用XML来构造界面，从而使界面和业务逻辑分层。

二、配置

首先我们编写一个简单的xml，并将其命名为test1，然后将其放在debug路径下

<?xml version="1.0" encoding="UTF-8"?>
<Window mininfo="200,360" size=" 480,320 ">
		<Font name="幼圆" size="16" default="true" />
		<VerticalLayout bkcolor="#FFFF00FF">
			<Button name="changeskinbtn" height="20" text="测试按钮" maxwidth="120" />
			<RichEdit name="testrichedit" bordercolor="#FF0000" bordersize="0" borderround="18,18" inset="4,2,4,2" bkcolor="#A0F2F5FA" bkcolor2="#A0FF0000" bkcolor3="#A0F2F5FA" font="1" multiline="true" vscrollbar="true" autovscroll="true" enabled="true" rich="true" readonly="false" text="测试richedit">
			</RichEdit>
			<Edit name="testedit" text="测试编辑框" />
		</VerticalLayout>
</Window>

三、代码

我们将上篇文章中的FrameWnd.cpp中的这个函数做如下修改

四、运行

下一篇：Duilib的简单使用（三、界面逻辑交互）