注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

天涯倦客的博客

祝福你朋友永远快乐!

 
 
 

日志

 
 

silverlight Canvas、StackPanel、Grid三者之间的关系  

2012-10-17 23:12:06|  分类: Silverlight |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

博客园里看到jailu的这篇文章整理得很好 贴下来:

Silverlight提供了非常灵活的布局管理系统, 让程序员和美工可以非常方便的控制控件的位置。布局管理系统提供了两种布局方式:绝对定位和相对定位。这两种定位方式其实和HTML的两种定位方式是一样 的。在Silverlight 2 beta1中内置了三种最常用的布局控件:Canvas、StackPanel、Grid。

一、Canvas:相当基础的控件,通过绝对定位来控制字控件的位置。
在Canvas中,我们使用一种叫做“附加属性”的XMAL新特性来控制子控件的位置。附加属性就是指你可以通过设置子控件相对于其父控件的Top、 Left、Bottom和Right值来控制子控件的位置。在Canvas中,我们可以使用Canvas.Left、Canvas.Top来控制子控件相 对于父控件(Canvas)的位置。如:

以上代码将显示为:

Canvas对于那些子控件不需要移动的布局是非常方便的,但如果子控件数量太多或是子控件位置会发生变化,使用Canvas就不大方便了。这时候可以使用其他的布局控件,如:StackPanel、Grid。

二、StackPanel:该控件用于横向或纵向排列子控件(默认是纵向排列子控件的)。通过子控件的Margin属性(该属性和HTML的Margin属性的效果一样)来控制控件的间距。如:

以上代码将显示为:


三、Grid:Grid是一种相当灵活的布局控件,它通过行列的表格来管理子控件的布局,类似于HTML里的Table控件。
和HTML的Table控件不同的是,你不能直接把子控件嵌套的单元格中。在Grid里,你得先使 用<Grid.RowDefinitions>和<Grid.ColumnDefinitions>来定义Grid的行列结构; 然后在子控件中使用Grid的附加属性来控制子控件所属的单元格。
下面是一个使用Grid布局的例子,请注意控件所属的单元格:

以上代码将显示为:


对这三个基本布局控件有所了解后,我们就可以很方便的管理页面上控件的布局了。

很生动 看了后对三者之间的关系 有了很深入的理解

本文来自zhengjiu的博客,原文地址:http://blog.163.com/zhengjiu_520/blog/static/35598306201102092811314/

  评论这张
 
阅读(843)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017