Silverlight 2完美征程
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人

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所示。

图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-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所示。

图1-14

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

图1-15

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

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

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

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

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

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

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

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

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