Potomac的UI:
Pages:
Pages是应用程序的高级别的selections,如果应用程序相对简单,它可能只有一个page。
Pages 通过使用[Page] tag 在class或者mxml文件头部定义,多页可以被声明在相同的文件。
Page 属性:
Id:标识
Order:可选,定义相对于其他页面的顺序
Open:可选,默认true:页面在启动时不会加载,这样有利于页面的动态加载。
pageType:可选,页面类型扩展的id,默认为“default”
Folders:
Folders可以把页面分离为不同的区域,folder可以包含一个或者多个part,folders使用继承于mx.core.Container的flex控件分离,一个典型的folder是TabNavigator。
Folders把页面分离为小块,你可以拖拽修改分离的大小。每个页面有一个默认的folder(id ="default"),这一点很重要,当创建新folder,每个folder的位置是相对于指定的另一个folder。因此,声明第二个folder在页面中的要求它是相对于default folder。
Folder和page类似,他们声明在class或者mxml的头部,他们不实例化或者调用声明类,多个folder可以在声明在同一个class中。
Folder属性:
Id:标识
Page:folder的parent page
relativeTo:folder的id,当这个folder被放在一个相对的位置。
Location: top,bottom,left,right,其中一个,相对于folder的位置
Percent:1-99,相对宽度的百分比
Open:可选,默认true,false:folder不会自动open
folderType:可选,默认为“tabs”,控制folder的组件,值是合法的folderType扩展,
“tabs","naked","accordion","closeableTabs","titleWindow"。
默认的folderType 为"tabs",它可以使用如下方式被重写:
[Folder(id="default",page="myPage",relative="n/a",
location="top",percent="100",folderType="accordion")]
parts:
parts是potomac应用的纽带,每个part都是继承与mx.core.Container的flex控件,典型的就是Canvas,Box,Panel等。
<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" width="400" height="300">
<mx:Metadata>
[Part(id="myPart",folder="default",title="My Part")]
</mx:Metadata>
</mx:Canvas>
Parts 显示在page和folder中,它的parent folder决定它们如何显示,,例如在tabs folder,part是一个单独的tab。