解剖Silverlight应用程序架构

Silverlight可以设计TimeLine与动画，主要观念是以画布（Canvas）和对象（也成为元素）的方式架构。

画布可以设置长宽与背景颜色！rectangle指令用来绘制矩形。以下一段Xaml代码：（未包含Javascript）

0000:<canvas

0001: xmlns="http://schemas.microsoft.com/client/2007"

0002: xmlns:x=http://schemas.microsoft.com/winfx/2006/xaml

0003: Width="640" Height="480"

0003: Background="#ffebeef7">

0004: <Rectangle MouseLeftuttonDown="OnRctangleclick" Fill="#FF40C0C" Stroke="#FF0000000" widhth="202" Height="23" Canvas.Left="153" Canvas.tOP="78"

0005:<Canvas>

Silverlight应用程序分.xaml和xaml.js两个文件。通过<embed>指令嵌入.html页面中

<html>

<body>

<script type="text/javascript" src="ex01.xaml.js"></script> 

<embed

type="application/x-silverlight"

id="SilverlightObject"

width="600"

height="300"

source="ex01.xaml" />

</body>

</html>

这几行代码将使浏览器激活Silverlight组件，同时运行.xaml文件！

ex01.xaml.js

function OnRectangleClick(sender e)

{

alert(‘矩形被单击了’)；

sender.widht=“30”；

}

1.从上面例子中我们可以知道，Silverlight应用开发关键在于.xaml和.xaml.js两个文件，.xaml以XML在画面上画出矢量元素，.xaml.js通过JavaScript来控制.xaml文件中矢量元素！

2..xaml文件必须嵌套在html中才可以通过Silverlight Plug_In运行，目前您看到的是用<embed>指令。

3.每一个Silverlight 元素都有一些事件可以被激发，当事件被激发可以通过JavaScript来控制Silverlight 元素的属性。

posted on 2009-07-13 22:24 晴天1848 阅读(226) 评论(0) 收藏举报