码迷,mamicode.com
首页 > 其他好文 > 详细

FineUI第十二天

时间:2015-01-06 15:12:14      阅读:121      评论:0      收藏:0      [点我收藏+]

标签:

锚点布局的典型结构:

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

2             <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。

 

FineUI第十二天

标签:

原文地址:http://www.cnblogs.com/duyao/p/4205958.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!