Silverlight 2 Twitter 例程

使得Silverlight如此强大的一件事情是，开发人员和设计师在Silverlight项目上一起合作的容易性。开发人员可以使用Visual Studio打开和编辑Silverlight 2项目，得到一个强大的以代码为中心的 .NET 开发环境，而设计师则可以使用Expression Blend 2 SP1打开和编辑同个项目，使用一个创造性的工具，精雕细琢，创造出优化的用户体验设计。

Silverlight中发布的WPF UI框架通过支持象布局管理，控件，样式，模板和资源这样的概念，进一步促成了很好的设计师/开发人员工作流程，有助于避免设计师和开发人员在集成功能，行为和有表现性的设计时相互妨碍的场景。

Silverlight 2 Twitter 例程

上个月，我贴出了一个深入的博客教程，教你如何建造一个Silverlight 2 Digg应用，你可以在这里阅读。该教程主要针对开发人员，着重于介绍在建造Silverlight 2应用时涉及的基本编程概念。

今天，Celso Gomes 和 Peter Blois 发布了一个很酷的十分钟长的录像教程，展示如何使用Expression Blend来对一个Silverlight 2 Twitter Messenger应用进行样式化。你可以在 这里观看这个录像，你可以在这里下载完成后的Silverlight Twitter应用的源代码。

这个录像很好地示范了设计师如何不用改动后台代码，就可以对一个Silverlight应用重新样式化。在样式化过程中，该录像还展示了Expression Blend 2提供来建造极其丰富的用户体验的一些强大的功能。Celso 从该应用的开发人员版本开始，然后对UI进行定制和精雕细琢，使其拥有一个好玩的twitter（鸟鸣）角色的主题：

应用模型

该Silverlight Twitter客户端是宿主于一个ASP.NET服务器应用之中的，该应用呈示了一个web服务，允许Silverlight Twitter应用与Twitter服务进行通讯（因为Twitter不允许来自客户端应用的直接访问）。而Silverlight客户端与ASP.NET web服务器之间的通讯是通过Windows Communication Foundation (WCF)实现的。

该客户端应用使用了“Model-View-Presenter (MVP)”模式（也称为“Model-View-ViewModel”模式），这是在大型WPF应用中常用的模式。虽然这是个很简单的应用，他们还是想要利用MVP带来的灵活性，以及为将来发展留下空间。

保持视觉表现和应用逻辑的分离，还允许设计师不用影响基本的应用流程，而做出比较复杂的视觉上的改动，这个录像提供了一些该架构促成的样式化灵活性的例子。

样式化过程

在录像中，Celso着重强调了Resources（资源）可以怎样帮助设计师很快地改变颜色。例如，一个常见的画刷资源（Brush Resource），可以被用来改变应用中所有文本元素的颜色：

Celso展示了使用Expression Blend 2 SP1从图形来创建新的用户控件是多么地容易（只要在设计器上选择多个元素，右击鼠标，选择“Make Control”菜单项即可）：

还展示了如何在这个新的用户控件中创建新的状态（用了视觉状态管理器的功能，现在WPF也提供了该功能），创建鸟的动画效果（飞翔，眨眼等等）

Celso还展示了如何创建每个状态的动画效果，改变象Key Spline曲线和Repeat Behavior这样的高级属性：

他还展示了如何从图画创建出定制的按钮（这些图画可以来自于XAML或象Photoshop或Illustrator这样的任何其他设计工具），一个Button控件的所有状态都有现成提供。

Expression Blend还允许你轻松的改变象List Boxes这样的复杂控件，设计师可以访问所有的样式，模板和状态，不用编写任何代码就可以完全地定制List Box的所有部分：