Silverlight 2 Twitter 例程

开发 后端
Silverlight 2 为建造跨浏览器、跨平台RIA应用提供了一个丰富的平台,本文作者将教你使用Expression Blend 2对一个Silverlight 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”菜单项即可):

 

#p#

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

 

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

 

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

 

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

 

【编辑推荐】

  1. Silverlight 3将支持3D图像和硬件加速
  2. Silverlight技术嵌入MSN 2009
  3. Silverlight 2.0 步入成熟期
责任编辑:杨鹏飞 来源: Scott Guthrie 博客
相关推荐

2009-02-02 10:53:34

SilverlightSilverlightRIA

2009-08-03 18:46:38

Silverlight

2010-01-04 16:30:06

Silverlight

2023-04-07 09:14:31

硬件通信串口通信实验

2022-12-14 09:51:04

Twitter开源

2009-05-26 11:33:15

SilverlightIE2微软

2023-01-05 13:13:18

2009-03-05 11:40:31

ListBox开发Silverlight

2009-07-17 11:28:07

TwitterGoogle

2017-04-19 12:05:59

2012-04-11 09:52:32

开源MySQL

2016-06-13 09:11:50

2009-06-22 09:25:23

2011-01-26 09:50:18

Silverlight.NetJavaScript

2023-04-04 19:10:29

Twitter算法开源

2014-04-08 14:21:09

Twitter StoStormStorm 集群

2023-01-06 08:27:08

Nature推特

2011-01-27 08:49:47

SilverlightWeb.NET

2014-04-15 11:24:53

Twitter Sto

2009-03-03 11:31:21

Twintter集成搜索
点赞
收藏

51CTO技术栈公众号