您的位置:首页 > 其它

用Visual Studio 2008进行Silverlight开发 (2)

2008-07-01 12:55 465 查看
在Solution Explorer中,点击Show All Files按钮来查看所有VS自动生成的代码。图2显示了所有文件。


498)this.style.width=498;">
图2
下面一节包含了该Silverlight工程里的基本文件的讲解:

TestPage.html

这是一个测试页,用来测试Silverlight程序。它包含了Silverlight控件并引用了两个JavaScript文件:Silverlight.js和TestPage.html.js。下面是Testpage.html的内容:

以下是引用片段:

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

.silverlightHost { width: 640px; height: 480px; }

createSilverlight();

包含Siverlight控件的HTML页面页可以包含通常的HTML元素来构成一个web页面。当你双击Solution Explorer中的Testpage.html,VS2008将会在一个分离视图里展示页面,这是VS2008的新特性。使用分离视图,你可以在浏览HTML代码时同时预览它在浏览器中的效果。如图3。


498)this.style.width=498;">
图3
TestPage.html.js

这个文件包含了一个Javascript函数,装载Silverlight控件到web页上。它也引用了一个包含Silverlight程序的用户界面定义的XAML文件。

以下是引用片段:

// JScript source code

//contains calls to silverlight.js, example below loads Page.xaml

function createSilverlight()

{

Silverlight.createObjectEx({

source: "Page.xaml",

parentElement: document.getElementById("SilverlightControlHost"),

id: "SilverlightControl",

properties: {

width: "100%",

height: "100%",

version: "1.1",

enableHtmlAccess: "true"

},

events: {}

});

// Give the keyboard focus to the Silverlight control by default

document.body.onload = function() {

var silverlightControl = document.getElementById(''SilverlightControl'');

if (silverlightControl)

silverlightControl.focus();

}

}

每个HTML页面应该有一个相应的Javascript(.js)文件来装载一个相关的XAML文件中的Silverlight控件。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: