Javascript开发Silverlight1.0入门之一

2007-09-28 13:43:42　来源:Silverlight中文社区　作者:East 点击:

与现在很多的“入门系列”直接开始就涉及到Visual Studio 和 Ajax 不同，我将以更加简单的方式来讲解这个系列。

IV标记和下面的Silverlight实例化代码，我将分别对这两点进行讲解。

Div 标记

　　div标记仅仅是为Silverlight提供一个显示的位置

实例化代码

　　Silverlight 的创建是该页面中最复杂的部分，为了达到简化这篇文章的目的，我们将关于这行代码的多数的讲解放到另外一篇入门文章中。现在我们只看看其中的几个参数：
source: 'xaml/SilverlightWithJSTutorial01.xml'
　　指定了XAML文件的位置。注意：我将它放到了XAML目录中，这样我可以把所有的xaml文件放到一起以便于管理。同时我还使用xml作为扩展名，这样就可以用我的xml编辑工具来编写。如果你想用.xaml作为扩展名也没有关系。
width: '300' canvas 的宽度
height: '100'
canvas 的高度

XAML文件

　　在上面我已经提到是否将xaml文件放到子目录中，以及为什么使用xml来作为xaml文件的扩展名。与简化Silverlight的创建代码的原因一样，我在这里也不详细的介绍XAML文件。

　　一个基本的XAML文件如下所示：


				<
				Canvas 
   
				xmlns
				="http://schemas.microsoft.com/client/2007"
   
				xmlns:x
				="http://schemas.microsoft.com/winfx/2006/xaml">

				</
				Canvas
				>

　　当然，该Canvas是空的，不会显示任何内容，但它包含了两个必须的Schema定义。这将作为我以后创建新的xaml文件的模板。

　　下面XAML文件中根Canvas中包含了一个TextBlock元素


				<
				Canvas 
   
				xmlns
				="http://schemas.microsoft.com/client/2007"
   
				xmlns:x
				="http://schemas.microsoft.com/winfx/2006/xaml">

    
				<
				TextBlock 
				FontSize
				="36" 
				Canvas.
				Left
				="17" 
				Canvas.
				Top
				="10" 
				Foreground
				="Blue">Hello Silverlight
				</
				TextBlock
				>

				</
				Canvas
				>