Tags标签 网战地图
当前位置: 主页 > 网站建设 > silverlight教程 >

在 Silverlight 布局控件

2012-03-24 19:26 [silverlight教程] 来源于:我爱自学网
导读:在 Silverlight 中提供了 3 种类型的布局面板。 Grid 控件是其中的一种。 Silverlight 提供的 3 种类型的布局面板 : 1. Canvas 绝对定位子元素 x , y 的位置。 2. StackPanel 子元素按行或者列来进行页面布局。 3. Grid 子元素放在行列表格中进行布局。 创

 


在 Silverlight 中提供了 3 种类型的布局面板。Grid 控件是其中的一种。

 

Silverlight 提供的 3 种类型的布局面板

 

1. Canvas – 绝对定位子元素 x的位置。 

 

2. StackPanel – 子元素按行或者列来进行页面布局。 

 

3. Grid – 子元素放在行列表格中进行布局。 

 

创建每一个 xaml 页面时必须添加一个布局面板。所有其他 UI 元素必须放在布局面板中。 每个页面需要一个确切的布局面板控件。

 

Silverlight 中的布局面板控件 - Canvas

 

Silverlight 提供了 3 种面板控件用来定义页面布局和在页面中控件的位置。Canvas  布局控件之一。

 

Canvas 定义了一个区域你通过制定 x  y 坐标的位置放置其他的控件。这样在 Canvas 中可能重叠多个控件。与通常的 HTML 相反当控件在 Canvas 重叠时被重叠控件可以被 其他控件隐藏。

 

当控件放置在 Canvas 中使用 Canvas.Left 和 Canvas.Top 属性为每个控件指定那个  y 坐标。

 

此示例演示在 Canvas 中放置矩形控件并制定 x 和 y 坐标

<Canvas Width="500" Height="500" Background="White">

<Rectangle Canvas.Left="25" Canvas.Top="40" Fill="green" Width="100"

 

Height="100" />

 

</Canvas>

上面的xaml 标签定义了矩形填充绿色大小为100×100 像素。这个矩形放置在离Canvas 左边 25 像素离 Canvas 顶端 40 像素。

 

下面例子演示 3 个矩形相互重叠

<Canvas Width="500" Height="500" Background="White">

 

(编辑:人比竹竿瘦)

本文标签:
网友评论

栏目列表

推荐文章