使用Expression Blend开发Silverlight 2应用 -- 初览

使用Expression Blend开发Silverlight 2应用 -- 初览

【原文地址】 First Look at Using Expression Blend with Silverlight 2
【原文发表日期】 Thursday, February 28, 2008 9:36 PM
上个星期，我写了一个《 Silverlight 2 初览》的贴子，讨论即将发布的Silverlight 2 Beta1版。在该贴子里，我给出了一些我撰写的系列教程的链接，这些教程示范了Silverlight和WPF后面的一些根本性编程概念，以及演示如何使用它们来建造一个Silverlight版的“Digg搜索客户端”应用：

• 第一部分：使用Silverlight 2 和 VS 2008创建“Hello World”程序
• 第二部分：使用布局管理(木野狐译)
• 第三部分：使用 Networking取回数据并填充DataGrid
• 第四部分：使用 Style 元素更好地封装观感 (木野狐译)
• 第五部分：用 ListBox 和 DataBinding 显示列表数据 (木野狐译)
• 第六部分：使用用户控件实现主从表场景
• 第七部分：使用控件模板定制控件的观感
• 第八部分：使用WPF创建一个Digg桌面应用

在这第一套Silverlight教程里，我没有使用可视化的设计工具来建造用户界面，而是注重于展示底层的XAML UI标识（我认为这有助于更好地解释核心编程概念）。既然我们完成了对基本概念的讨论，让我们来探究一下可为我们所用，变得更有效率的一些工具。
Expression Blend对Silverlight的支持 除了即将发布Silverlight 2的Beta1版本外，我们还将发布针对这个版本的Visual Studio 2008 和 Expression Studio 的工具支持。这些工具将为建造RIA应用提供强有力的支持，是设计来允许开发人员和设计师轻松地合作开发项目的。
在今天的贴子里，我将介绍即将发布的Expression Blend 2.5三月份预览版的一些功能。在演示关于Blend是如何工作的一些基础的东西之后，我们将用它来建造一个跨平台，跨浏览器的 Silverlight IM聊天客户端：

上面的屏幕截图展示了在MAC上运行时该应用的样子，下面是在Expression Blend中该应用设计时的屏幕截图：

我们将使用Expression Blend，用可视化方法构造该应用所有的用户界面，以及使用它来干净地将UI数据绑定到代表我们的聊天会话和消息的.NET类上。
我们用来建造聊天应用的所有控件都是Silverlight 2的Beta1版的一部分。
声明：我不是设计师（也不很酷） 让我预先声明，我是个开发人员，不是个设计师。我也不是很酷。虽然我理解创建用户界面的技术，但在组合界面时，我有时会挑选很差的颜色和字体（就在我弄完本贴的屏幕截图之后，有个同事十分有助地指出，实际上有个 致力于取缔我使用的一些字体和颜色的专门网站，哎，很受打击）。
我想对你们中那些有艺术细胞的人说，请对我温柔点，将你的注意力集中在我在下面演示的功能和技术上，别针对我使用的字体和颜色选择， :-)
起步： 创建一个新Silverlight 2项目 ExpressionBlend 和 Visual Studio 2008共享同样的解决方案/项目文件格式，这意味着你可以在VS2008中创建新的Silverlight 项目，然后在Expression Blend 中打开，或者你也可以在Expression Blend创建新的Silverlight 项目，然后在VS中打开。你还可以使用Expression Blend和VS 2008同时打开和编辑同个项目。
因为在 我先前的Silverlight教程系列中，我已经展示了如何使用VS 2008来创建一个新Silverlight项目，让我们用这个贴子来展示如何使用ExpressionBlend来创建一个新的Silverlight应用。要做的话，只要在Expression Blend中选择 文件->新项目，选择Silverlight 2 Application图案，然后点击OK：