FineUI第十二天---锚点布局

锚点布局的典型结构：

    <x:Panel Layout="Anchor" runat="server">

             <Items>
3                 <x:Panel runat="server" AnchorValue="100% 30%"></x:Panel>
4                   <x:Panel runat="server" AnchorValue="100% 70%"></x:Panel>
5             </Items>

6         </x:Panel> 

有两个关键点：

1.父容器的LayOut属性设置为anchor

2.每个子容器控件设置AnchorValue属性，用来子控件的锚点布局参数。

AnchorValue的取值

有两个值组成，中间空格分割。也可以由一个值，第二个值就是默认值了。

这两个值分布表示水平的锚点值和垂直的锚点值。就是宽度和高度、

AnchorValue可以由百分值或者整形值构成。 

• 百分值
  • AnchorValue="100% 60%"，表示此控件占据全部的宽度和60%的高度。
  • AnchorValue="100%"，此控件占据全部的宽度，高度自动。
• 整型值（可以是正值或者负值）
  • AnchorValue="-100 -20"，表示此控件右边框距离父控件右边框100px，此控件下边框距离父控件下边框20px。
  • AnchorValue="100 20"，表示此控件右边框超出父控件右边框100px，此控件下边框超出父控件下边框20px。

 也可以如此：

AnchorValue="100% -20"，表示此控件占据父控件全部宽度，此控件下边框距离父控件下边框20px。