Silverlight 4 - 布局了解

Silverlight 4 - 布局了解,第1张

概述今天,熟悉下Silverlight布局。   Silverlight提供了多种布局控件,但最常用的是:   Canvas  StackPanel  Grid   Canvas 你可以通过在Canvas中附加属性来定位元素,也就是绝对坐标来定位元素。每个子对象都呈现在 Canvas 区域中。通过指定 x(代表的是Canvas.Left) 和 y(代表的是Canvas.Top) 坐标,可以控制对象在

今天,熟悉下Silverlight布局。

  Silverlight提供了多种布局控件,但最常用的是:

  Canvas  StackPanel  GrID

  Canvas

@H_419_58@你可以通过在Canvas@H_419_58@中附加属性@H_419_58@来定位元素,也就是绝对坐标来定位元素。每个子对象都呈现在 Canvas 区域中。通过指定 x(代表的是Canvas.left) y(代表的是Canvas.top) 坐标,可以控制对象在 Canvas 中的定位。@H_419_58@(注:由于绝对定位不考虑浏览器窗口的大小或浏览器大小调整,因此一般最好使用GrID StackPanel 作为容器@H_419_58@)

@H_419_58@例子:

@H_419_58@下面演示如何定位与Canvas@H_419_58@的左侧和顶部各相距30@H_419_58@像素的按钮。

@H_419_58@代码块:

@H_419_58@效果:

@H_419_58@在这里还有个属性要注意一下:附加属性的Zindex@H_419_58@,设置其值可使控件在另个控件上或下。

 

这可能有助于像是游戏开发或者高物理环境这样对计算非常精确的场合。

StackPanel

StackPanel支持用行或列进行布局(默认是垂直)。在特定情形下,例如,要将一组对象排列在竖直或水平列表(例如,项的水平或竖直菜单)中,StackPanel 很有用。

例子:

 

效果:

 

其中margin属性,设置控件的外边距,在上面的代码中表示边长为30像素的正方形外边距为5像素。

GrID

GrID控件就像HTML中的table,不同的是,GrID是先指定,后使用。通过<GrID.RowDeFinitions> <GrID.ColumnDeFinitions>来定义GrID的行和列,使用GrID.RowGrID.Column两个附加属性指定子元素在GrID中显示的位置,这是一种非常灵活的布局方式。

例子:

效果:

注意按钮上的附加属性(GrID.ColumnGrID.Row)是如何告诉元素把自己定位在容器的哪个位置的。

布局的初步了解了,明天看下导航。距离又进了一步,

@H_419_468@ 总结

以上是内存溢出为你收集整理的Silverlight 4 - 布局了解全部内容,希望文章能够帮你解决Silverlight 4 - 布局了解所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1076411.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-26
下一篇 2022-05-26

发表评论

登录后才能评论

评论列表(0条)