1.3 开发工具简介

开发基于Silverlight 2的应用程序，主要会用到两个工具。

◆ Visual Studio 2008：主要针对开发人员，使用它进行托管代码的编写、调试与跟踪。

◆ Expression Blend 2：主要针对设计人员，使用它以可使用的方式进行UI的设计、操作画布及控件等。

1.3.1 Visual Studio 2008

Visual Studio 2008想必大家都不陌生了，在Visual Studio 2008中打开一个XAML文件时，界面如图1-12所示。

有几处比较重要的地方在图中用数字序号做了标注。

① XAML编写区：所有的XAML编写都在该区域完成。

② UI预览区：图中2处，在XAML编写区中编写代码时，可以在UI预览区中即时显示出效果。但是目前在Visual Studio 2008中还不能通过拖动工具箱中的控件到UI预览区以便自动生成XAML代码。

③ 缩放按钮：拖动该按钮可以放大或者缩小UI预览界面。

④ 切换按钮：点击该按钮可以实现XAML编写区和UI预览区的上下切换。

⑤ 控制按钮：共有三个按钮，分别用于控制XAML编写区和UI预览区是水平划分还是垂直划分，或者隐藏其中一个。

虽然目前在Visual Studio 2008中还不支持可视化设计，但是到了下一个版本的Visual Studio中，会在可视化设计方面有很大的改进，如可以直接进行可视化的数据绑定等，如图1-13所示。

1.3.2 Expression Blend 2

Expression Blend 2以非常友好的界面供设计人员可视化的进行WPF或Silverlight项目的UI设计。它的强大之处在于：

◆ 全套矢量图形工具

◆ 易用的可视化界面

◆ 动画和媒体集成

◆ 与数据源、外部资源的强大集成

◆ 实时设计和XAML视图

◆ 与Visual Studio 2008的无缝集成，使用Visual Studio 2008中创建的解决方案可以直接在Expression Blend 2中打开，反之亦然。

由于本书并不偏重于Silverlight设计方面，所以对于Expression Blend 2下面只给出一些常用界面和功能的介绍，如果大家须要使用Expression Blend 2进行Silverlight 2应用程序的设计，可以参考微软有关文档。

在Expression Blend 2中新建项目时，可以看到它支持4种不同类型的项目：包括WPF应用程序、WPF控件库、Silverlight 1站点和Silverlight 2应用程序，如图1-14所示。

在Expression Blend 2中进行UI设计时的界面如图1-15所示。

其中主要有如下几个区域。

① 工具栏：所有可视化的元素都包括在工具栏中，如各种图形元素、控件等，可以直接拖拽工具栏中的元素到设计区。

② 设计区：所有的设计工作都在该区域完成，包括操作画布等。

③ 对象和时间线管理面板：该区域中能够看到所有在设计区中定义的元素及动画等。

④ 状态面板：管理UI元素的视觉状态，在本书第4章将详细介绍。

⑤ 切换按钮：共有3个按钮，可以拆分XAML编写区和设计区，或者在两者之间进行切换。

⑥ 解决方案面板：Silverlight项目的解决方案管理，可以看到所有在Silverlight项目中的页面。

⑦ 属性面板：在设计区中选中一个UI元素，可以通过该面板进行元素的属性设置。

⑧ 资源面板：管理所有在Silverlight项目中的资源。