开发学院图形图像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项目。

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

玩转Silverlight控件(二)——Canvas布局

我们可以发现,多了一个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>

上一页  1 2 3 4 5 6  下一页

Tags:Silverlight 控件 Canvas

编辑录入:爽爽 [复制链接] [打 印]
[]
  • 好
  • 好的评价 如果觉得好,就请您
      0%(0)
  • 差
  • 差的评价 如果觉得差,就请您
      0%(0)
赞助商链接