第十九章 Silverlight 中的布局面板控件 - Canvas
Silverlight 提供了 3 种面板控件用来定义页面布局和在页面中 控件的位置。 Canvas 是布局控件之一。
Canvas 定义了一个区域，你通过制定 x 和 y 坐 标的位置放置其他的控件。这样在 Canvas 中可能重叠多个控件。与通常的 HTML 相反，当控件在 Canvas 重叠时，被重叠控件可以被其他控件隐藏。
当控件放置在 Canvas 中，使用 Canvas.Left 和 Canvas.Top 属性为每个控件指 定那个 x 和 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">
< Rectangle Canvas.Left ="25" Canvas.Top ="40" Fill ="green" Width ="100"
Height ="100" />
< Rectangle Canvas.Left ="50" Canvas.Top ="65" Fill ="yellow" Width ="100"
Height ="100" />
< Rectangle Canvas.Left ="75" Canvas.Top ="90" Fill ="red" Width ="100"
Height ="100" />
</ Canvas >
下面图形是输出的样 子：
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。