运行该页面,将看到如下图所示的效果:
图1
步骤2:Hello,Silverlight
现在我们把目光转移到创建一个简单的Silverlight应用上。如果你使用某些工具来创建Silverlight应用的话,诸如Express Studio和Visual Studio .NET,你将发现几件事情:
•创建一个新项目时将自动创建整个工程目录架构,包括可执行代码。
•你将能够发布该项目到不同目的地,包括本地,但产品目录架构也会自动为你创建。
•无论是项目文件,还是目录架构,都不是你希望创建的东西。
关于最后一点:最新版的Visual Studio和Silverlight的格式已经与最初有了很大差别。举例来说,现在项目把所有必需的代码和组件捆绑到.xap文件中,以提高性能和简化部署。幸运的是,创建Silverlight项目的一个老技术依然可以使用,而且在创建本文中Silverlight应用类型时非常方便。
从根本上来说,创建一个Silverlight应用,你真正需要的有4个文件:
•Silverlight.js-创建Silverlight组件的一个辅助文件。只要你开始一个新的Silverlight项目,它就会自动被创建。
•Landing Page-存放Silverlight对象的页面。过一会儿,它将变成PHPMenu.php。
•Javascript Page-它一般被包含在Landing Page中,但更方便的是作为一个独立文件。
•XAML文件-这是Silverlight插件解释的对象。它通常是由Expression Blend、Visual Studio或其它第三方应用所创建。它是为我们的PHP应用增加Silverlight功能的关键,当然这并不意味着它必须是一个.xaml文件,只要该文件使用了合适的XAML语法即可。
首先来看一下landing page。在步骤3中以下代码将与PHPMenu.php结合,现在让我们先创建一个名为HelloSilverlight.htm的文件:
<head>
<title>Silverlight PHP Menu</title>
<script type="text/javascript" src="Silverlight.js"></script>
<script type="text/javascript" src="xamlFunctions.js"></script>
</head>
<body>
<p>Silverlighted PHP:</p>
<div id="navMenuSL" class="navMenu">
<script type="text/javascript">
createNavMenu();
</script>
</div>
</body>
</html>