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>
上面是高度固定的标题栏,下面是大小随页面变化的内容栏,比较常用的一种布局