开发学院图形图像 Flash 玩转Silverlight控件（二）——Canvas布局阅读

玩转Silverlight控件（二）——Canvas布局

　2009-03-09 11:58:21　来源：WEB开发网　　　

核心提示： 在Silverlight编译后，会生成一个dll的文件，玩转Silverlight控件（二）——Canvas布局(2)，我们可以在Web应用中导入这个dll文件，就像我们导入其他的第三方控件一样，而使用Canvas布局和使用传统的ASP.NET非常类似，我们回顾一下我们使用ASP.NET的

在Silverlight编译后，会生成一个dll的文件，我们可以在Web应用中导入这个dll文件，就像我们导入其他的第三方控件一样，然后来使用我们所创建的Silverlight项目。

我们在第一次运行之后看看项目中的变化：

我们可以发现，多了一个xap文件，而在SilverlightApplication1TestPage.aspx中，我们可以发现玄机：

<asp:ScriptManager　ID="ScriptManager1"　runat="server"></asp:ScriptManager> <div　style="height:100%;"> 　　<asp:Silverlight　ID="Xaml1"　runat="server"　Source="~/ClientBin/SilverlightApplication1.xap"　MinimumVersion="2.0.31005.0"　Width="100%"　Height="100%"　　　/> </div>

好了，我想大多数人都应该知道这个Silverlight是如何启动的了。不再赘言。

现在开始主题，使用Canvas来布局。

Canvas——中文的翻译是帆布，油画（布）。这个很形象，在Silverlight中，Canvas就像一张油布一样，所有的控件都可以堆到这张布上。

而使用Canvas布局和使用传统的ASP.NET非常类似。

我们回顾一下我们使用ASP.NET的时候，我们创建一个Button，使这个Button距页面左侧和顶部分别是50和50：

<head　runat="server"> 　　<title></title> 　　<style　type="text/css"> 　　　　.newStyle1 　　　　{ 　　　　　　margin-left:50px; 　　　　　　margin-top:50px; 　　　　} 　　</style> </head> <body> 　　<form　id="form1"　runat="server"> 　　<div> 　　　　<asp:Button　ID="Button1"　runat="server"　Text="Button"　CssClass="newStyle1"　/> 　　</div> 　　</form> </body>