FineUI 的 Layout="Anchor" 布局 asp 的

Fineui 的 锚点布局 是源自 asp 的

使用如下 :

 <ext:Panel Layout="Anchor">
   <Items>
      <ext:Panel AnchorValue="100% 30%"></ext:Panel>
      <ext:Panel AnchorValue="100% 70%"></ext:Panel>
   </Items>
 </ext:Panel>

(子容器可以是具体的控件)

在父容器中指定布局类型为 锚点布局

在子容器中设置锚点布局的具体参数

此处有3种情况发生:

       AnchorValue="100% 30%"

按照百分比布局

这种布局故名思议就是子容器的大小按照父亲的百分比来,锚点布局只能上下布局,即使空间宽度不能填满一行也会独占一行

       AnchorValue="100% 50"

混入绝对大小的布局,这里的50 我们以理解为 100% + 50 既比高度还要大50px

       AnchorValue="100%" height="100"

利用高度height 的缺省布局

当AnchorValue width height 都设定值的时候 width height 的值都会被屏蔽掉 ,只有当 其中的 某一项设置为 缺省的时候 才会去使用 width 和height 的值

" 100%"  这样缺省width 的值,当缺省,并且找不到对应的width 或者height 时候 就会按0px处理

根据以上3中形式我们可以 进行自定义的布局

例如下面的:

 <ext:Panel Layout="Anchor">
   <Items>
      <ext:Panel AnchorValue="100% " height=100></ext:Panel>
      <ext:Panel AnchorValue="100%  -100"></ext:Panel>
   </Items>
 </ext:Panel>

上面是高度固定的标题栏,下面是大小随页面变化的内容栏,比较常用的一种布局