页面将被分成两个区域，这两个区域将由一个布局来定义。HMI应用程序的尺寸将被设置为800 x 600 (W x H)，导航区域的宽度设置为右侧的100像素。
第一步是在可视化包中选择包 "布局 "后，从对象目录中添加一个布局。
双击布局文件，在Automation Studio工作区以XML格式打开它。
编辑后的布局
布局文件需要一个唯一的ID，可以在页面中作为参考。布局的大小也必须用 "宽度 "和 "高度 "来定义。
这两个区域在<Areas>部分定义，其ID对布局来说是唯一的。区域大小由 "宽度 "和 "高度 "定义，起始位置由 "顶部 "和 "左侧 "定义。
<?xml version="1.0" encoding="utf-8"?>
<ldef:Layout id="Layout01" height="600" width="800" xmlns:ldef="http://www.br-automation.com/iat2015/layoutDefinition/v2">
<Areas>
<Area id="AreaMain" height="600" width="700" left="0" top="0" />
<Area id="AreaNavigation" height="600" width="100" left="700" top="0" />
</Areas>
</ldef:Layout>