4.1.3 运行程序

4.1.3  运行程序

在Visual Studio中，按下F5键将执行程序，在Expression Blend中也是一样，如图4-20所示。

图4-20  运行汽车浏览应用程序

需要注意的是，图4-20中在程序界面中间有一个大的灰色条，这就是我们先前建立的Splitter，如果在界面上左右拖动，不仅左边的列表框会自动调节大小，而且右边的控件也会调节大小适应新的空间。图4-21显示了Splitter的作用，分隔条被拖到右边，只留下了很小的空间给图像、描述和价格三个字段。

图4-21  使用Splitter控件自动调节界面

使用WPF，所有类似这样的在界面上的处理都是自动的。控件的大小除了依据Splitter的变化动态分配外，也随着应用程序窗体的大小而自动改变。图4-22显示了如果右半边Grid变大后，内部的控件如何自动改变和容器相适应。

图4-22  当窗体改变时应用程序的行为

到现在为止，我们拥有了第一个基本的使用Expression Blend建立的WPF应用程序，它不是很漂亮，但可以完成我们需要的功能。在本章后面“高级WPF用户界面”一节中，将学习如何修饰应用程序，为它加上奇特的阴影、倒影及其他效果。因为这是一个XAML应用程序，所以首先让我们花点时间来学习一下Expression Blend，看看它的幕后有什么发生。