DockLayout

DockLayout是Dorado中最常用的布局方式(經(jīng)常作為頁面的總體布局).DockLayout的基本說明: ?？渴讲季謱⒖丶殖?中區(qū)域：left、top、right、bottom和center。每個控件選擇一種區(qū)域由布局管理器按照順序進(jìn)行排列。選擇center區(qū)域的控件總是到最后才被放置，他總是占盡所有剩余的空間。除center區(qū)域之外，其他4中區(qū)域都可以出現(xiàn)0到n個， center區(qū)域最多只能出現(xiàn)一次。如果某控件沒有顯式的聲明選擇哪種區(qū)域，那么布局管理器會嘗試按照center區(qū)域?qū)ζ溥M(jìn)行布局。如果我們這么定義View的布局:

 <View title="DockLayout" layout="Dock">
    <HtmlContainer content="1) left" layoutConstraint="left" />
    <HtmlContainer content="2) top" layoutConstraint="top" />
    <HtmlContainer content="3) right" layoutConstraint="right" />
    <HtmlContainer content="4) bottom" layoutConstraint="bottom" />
    <HtmlContainer content="5) bottom" layoutConstraint="bottom" />
    <HtmlContainer content="6) right" layoutConstraint="right" />
    <HtmlContainer content="center" />
</View>

我們設(shè)置布局的layout為Dock,不同的HtmlContainer的layoutConstraint屬性分別設(shè)置為:left、top、right、bottom和center中的一種,則得到的布局效果圖如下: 實(shí)際使用時并不一定要包含所有的區(qū)域,我們將其中的HtmlContainer更換為控件:

 <View layout="Dock" title="DockLayout">
  <ToolBar layoutConstraint="top">
    <ToolBarLabel>
      <Property name="text">菜單欄</Property>
    </ToolBarLabel>
  </ToolBar>
  <ToolBar layoutConstraint="bottom">
    <ToolBarLabel>
      <Property name="text">狀態(tài)欄</Property>
    </ToolBarLabel>
  </ToolBar>
  <Panel layoutConstraint="left">
    <Property name="caption">導(dǎo)航樹</Property>
    <Buttons/>
    <Children/>
    <Tools/>
  </Panel>
  <Panel layoutConstraint="center">
    <Property name="caption">工作空間</Property>
    <Buttons/>
    <Children/>
    <Tools/>
  </Panel>
</View>

查看頁面執(zhí)行效果: