Silverlight - Hello, World!

Silverlight 热闹好长时间了,只是我对 UI 这块的东西没啥感觉,所以迟迟不曾接触。今天不知哪根筋出了问题,居然还是绕到这个东东上…… 写个 "Hello, World!" 试试看吧,毕竟对新技术的关注也算是我的本职工作。

uploads/200708/30_124122_1.png



首先要下载安装的东西包括:

Microsoft Visual Studio 2008 Beta2
Microsoft Silverlight Tools Alpha for Visual Studio 2008 Beta 2
Microsoft Silverlight 1.1 Alpha Software Development Kit (可选,包含文档和演示)
Microsoft Silverlight 1.1 Alpha (用来在浏览器显示 Silverlight 的插件,相当于 Flash.ocx)

1. 安装 Silverlight 1.1 Alpha 和 Silverlight Tools。

uploads/200708/30_124130_2.png



2. 在 VS2008 中创建 Silverlight Project。

uploads/200708/30_124134_3.png



3. 创建完成以后,会在 Solution Explorer 看到如下一些文件。

uploads/200708/30_124139_4.png
  • TestPage.html : 用来显示 Silverlight Control 的页面。
  • TestPage.html.js : 包含用来创建 Silverlight Control 对象的 JavaScipt Function。
  • Silverlight.js : 由 TestPage.html.js 调用。
  • Page.xaml : 我们要工作的地方,感觉有点像 ASP.NET UserControl。

4. 打开 Page.xaml,加入一个 TextBlock 用来显示 "Hello, World!"。

uploads/200708/30_124146_5.png



5. 按 F7 打开 Page.xaml.cs,加入代码。

uploads/200708/30_124151_6.png



6. 将 TestPage.html 设为 Start Page,按 F5 看看效果。

uploads/200708/30_124155_7.png



OK~~~ 感觉还行。不过要创建好看的界面,还得用专业点的工具 —— Microsoft Expression Blend,否则手工写 XAML 会死人的。

uploads/200708/30_124657_8.png



------------------------

相关资源

Silverlight
Microsoft Silverlight Dev Center
Silverlight Downloads
Silverlight 1.1 Alpha
Microsoft Silverlight Tools Alpha for Visual Studio 2008 Beta 2
Microsoft Silverlight 1.1 Alpha Software Development Kit (SDK)
Micorosft Expression

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章