一页有两块内容

<< 点击显示目录 >>

主页  mappView帮助助手 > mapp View帮助信息 > 工程 > 页面 > 使用案例 >

一页有两块内容

这个例子显示了如何配置一个有2个内容的页面。

实施

配置一个有两个区域的布局

配置2块内容

配置一个页面

将内容分配给各个区域

定义布局

<?xml version="1.0" encoding="utf-8"?>
<ldef:Layout id="L1" height="880" width="1080" xmlns:ldef="http://www.br-automation.com/iat2015/layoutDefinition/v2">
 <Areas>
  <Area id="A1" height="880" width="180" left="0" top="0" zIndex="1" />
  <Area id="A2" height="880" width="900" left="180" top="0" zIndex="2" />
 </Areas>
</ldef:Layout>

定义第一篇内容

<?xml version="1.0" encoding="utf-8"?>
<Content id="leftContent" height="880" width="180" xmlns="http://www.br-automation.com/iat2015/contentDefinition/v2" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" >
 <Widgets>
  <Widget xsi:type="widgets.brease.Button" id="Button1" height="35" width="160" left="10" top="20" text="Button 1" zIndex="1" />
 </Widgets>
</Content>

定义第二块内容

<?xml version="1.0" encoding="utf-8"?>
<Content id="startContent" height="880" width="900" xmlns="http://www.br-automation.com/iat2015/contentDefinition/v2" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" >
 <Widgets>
  <Widget xsi:type="widgets.brease.NumericInput" id="NumericInput1" height="35" width="180" left="20" top="20" zIndex="1" />
 </Widgets>
</Content>

定义页面

<?xml version="1.0" encoding="utf-8"?>
<pdef:Page id="startPage" layoutRefId="L1" xmlns:pdef="http://www.br-automation.com/iat2015/pageDefinition/v2" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">
 <Assignments>
  <Assignment type="Content" baseContentRefId="leftContent" areaRefId="A1" />
  <Assignment type="Content" baseContentRefId="startContent" areaRefId="A2" />
 </Assignments>
</pdef:Page>

我们假设页面、布局和内容片段已经被映射到 可视化对象(.vis)