Silverlight入门教程(13)

资料,教程,编程,文集

在实际开发中也可以作为查找手册使用. 运行环境为 VS 2005, 这些示例比较简 单很容易看懂, 因此示例没有太多注释.
(二). 代码示例
1).基础知识示例 1. 对象的定位 通过呈现几个 Silverlight 元素来示例对象之间的定位, 以及在一个页面中创建 装载多个 Silverlight 对象. I. 页面代码(Default.aspx)
II. 页面对应的 JS 文件代码(Default.aspx.js)
//创建对象 function createSilverlight1() { Silverlight.createObjectEx({ source: "Page1.xaml", parentElement: document.getElementById("SilverlightControlHost1"), id: "SilverlightControl1", properties: { width: "350", height: "350", version: "1.0", background: "white", isWindowless: "true", enableHtmlAccess: "true" }, events: {} }); } function createSilverlight2() { Silverlight.createObjectEx({ source: "Page2.xaml", parentElement: document.getElementById("SilverlightControlHost2"), id: "SilverlightControl2",
properties: { width: "350", height: "350", version: "1.0", background: "white", isWindowless: "true", enableHtmlAccess: "true" }, events: {} }); } function createSilverlight3() { Silverlight.createObjectEx({ source: "Page3.xaml", parentElement: document.getElementById("SilverlightControlHost3"), id: "SilverlightControl3", properties: { width: "350", height: "350", version: "1.0", background: "white", isWindowless: "true", enableHtmlAccess: "true" }, events: {} }); } function createSilverlight4() { Silverlight.createObjectEx({ source: "Page4.xaml", parentElement: document.getElementById("SilverlightControlHost4"), id: "SilverlightControl4", properties: { width: "350", height: "350", version: "1.0", background: "white", isWindowless: "true", enableHtmlAccess: "true" },
events: {} }); } function createSilverlight5() { Silverlight.createObjectEx({ source: "Page5.xaml", parentElement: document.getElementById("SilverlightControlHost5"), id: "SilverlightControl5", properties: { width: "350", height: "350", version: "1.0", background: "white", isWindowless: "true", enableHtmlAccess: "true" }, events: {} }); }
III.Xaml 文件代码 1. Page1.xaml 代码
<Canvas xmlns="/client/2007" xmlns:x="/winfx/2006/xaml" Width="640" Height="480" Background="LightGreen" Canvas.Left="10" Canvas.Top="10" > <Rectangle Canvas.Left="30" Canvas.Top="30" Fill="LightBlue" Width="200" Height="200" /> </Canvas>
2. Page2.xaml 代码
<Canvas xmlns="/client/2007" xmlns:x="/winfx/2006/xaml" Width="300" Height="300" Background="White">
<Canvas Width="250" Height="250" Canvas.Left="30" Canvas.Top="30" Background="LightBlue"> <Rectangle Canvas.Left="30" Canvas.Top="30" Fill="LightGreen" Width="200" Height="200" /> </Canvas> </Canvas>
3. Page3.xaml 代码
<Canvas xmlns=&q
uot;/client/2007" xmlns:x="/winfx/2006/xaml" Width="300" Height="300