用Avalon建立未来的Windows用户界面

Avalon Express应用程序

　　Avalon Express应用程序会寄宿在Internet浏览器中。我们使用Visual Studio 2005，通过选择Avalon Express应用程序模板来建立Avalon Express应用程序。

　　在默认情况下，它会建立Page1.xaml（图12所示）。

图12：Visual Studio为Avalon Express应用程序模板建立的模板

　　请注意该XAML页面的根元素是Page，而不是Window。同样，我们用列表1中的内容替换Grid元素。在解决方案浏览器中右键点击项目，选择添加-＞新项目给项目添加一个新的页面。在“添加新项目”对话框中，选择Avalon页面（图13所示），默认的名称不改。点击“添加”。

图13：从“添加新项目”对话框中选择Avalon页面给项目添加一个新的Avalon页面。

　　按F5调试应用程序。Internet浏览器会载入，应用程序的样子如图14所示。

图14：在IE中。这个截图再次显示了该应用程序，不过这次是寄宿在IE中。

　　这种项目类型的一个有趣的特性是，你如果仍然使用MsgBox()函数来显示消息框，它还是可以工作的。

　　请注意应用程序上方的导航按钮（图15所示）。这两个按钮允许你在页面之间进行导航，与浏览Web页面类似。

图15：导航按钮。

　　在Express项目中Avalon为你建立了传统浏览器样式的动画按钮

　　如果你想看到页面导航是如何工作的，请点击“Page 2”链接，它会载入Page2.xaml。对于Avalon Express应用程序项目类型来说，所有的导航都发生在浏览器之中；不会建立新窗口。你可以通过点击Page2.xaml.的“后退”导航按钮返回到前一个页面（Page1.xaml）。

　　Avalon导航应用程序

　　Avalon应用程序的第三种类型就是Avalon导航应用程序，它可能会成为最普遍的Avalon应用程序类型。使用Visual Studio 2005，选择Avalon导航应用程序模板即可建立新的Avalon导航应用程序。

　　与Avalon Express应用程序类似，在默认情况下会建立Page1.xaml页面。像上面一样，用列表1中的内容替换Grid元素。给项目添加一个新的页面。在“添加新项目”对话框中选择Avalon页面，默认名称不改。点击“添加”。

　　按F5调试应用程序。这一次应用程序没有寄宿在IE中，它有自己的窗口，与IE非常相似（图16所示）。

图16：运行应用程序。这是最终的应用程序。

　　点击“Page 2”链接会载入Page2.xaml。如果要返回前面一个页面，只需要点击“后退”导航按钮。

　　与Avalon Express应用程序项目类型相似，Avalon导航应用程序中的所有导航会在窗口内部发生，不会建立新窗口。

　　在本文中，你看到了Avalon的一些基础知识，以及XAML在建立Avalon应用程序UI的过程中是扮演什么样的角色。你还看到了几种不同的Avalon应用程序类型以及它们之间的差别。但是，这仅仅是冰山一角。

查看本文来源