## 布局文件结构 ExDirectUI 4.0 的布局文件要求有以下几点： 1. XML文件应尽量使用UTF-8编码进行存储，以便更好的支持多国语言。XML首行的encoding="UTF-8"。 2. XML中内置控件的所有属性名均为小写，请注意区分。 3. XML中元素的元素名可以根据控件的用途命名，除了符合XML的语法规则外无其他要求。 下面我们结合一个ExDirectUI 4.0的布局文件来和大家介绍一下布局文件的结构。 ~~~ <?xml version="1.0" encoding="UTF-8"?> <Window class="ExDui.Test.Window" rect="0,0,400,450" text="ExDirectUI 4.0 例程集 - 布局文件" bkgimage="@file:./Image/bkg1.jpg" bkgcolor="rgba(255,0,0,120)" style="0" alp="200" playgif="1" filltype="2" sysstyle="10263" > <ImageTop id="1001" class="static" rect="60,30,300,200" bkgimage="@file:./Image/img2.gif"/> <LabelHello id="1002" class="static" rect="50,250,300,60" text="Hello World !" style="2147483657" /> <EditTest id="1003" class="edit" rect="50,325,300,25" bkmode="2" bkgcolor="rgba(255,255,255,250)" text="编辑框" /> <BtnClose id="1004" class="button" rect="125,400,150,30" text="关闭窗口" /> </Window> ~~~ 首先ExDUI布局文件的根元素一定代表为窗口(包括与其绑定的皮肤)，具体的属性请参考 [与窗口相关的布局属性](#)。 在根元素内部的一个子元素均对应该窗口上的一个控件，每个控件元素必须填写id、class、rect属性。 与控件相关的布局属性请参考 控件基类布局属性 和 对应控件的相关属性。 控件元素也可包含子元素，即表示该控件的子控件。 布局文件中的特殊语法详见下一节。