UI前沿技术-Silverlight 4中的流畅UI.pdfVIP

©2010 Microsoft Corporation. All rights reserved. UI 前沿技前沿技术术 前沿技前沿技术术 Silverlight 4 中的流畅 UI Charles Petzold 下下载载代代码码示例示例 [ /mag201007UIFrontiers.aspx ] 下下载载代代码码示例示例 “流畅 UI”这个词最近常被用来形容一种 UI 设计技术，这种技术能够避免让可视化对象突然进 入视野或者从一个位置跳到另一个位置。流畅的可视化对象在进入视野和变换位置时更加优雅，有时就像从雾中浮 现或者滑入视野。 我在本专栏的前两篇文章中介绍过一些您自己实现流畅 UI 的技术，当时的部分灵感就来源于 Silverlight 4 中即将 推出的流畅 UI 功能。现在，Silverlight 4 已经正式发布，本文就为您介绍其功能。Silverlight 4 中流畅 UI 的使用 范围很窄，只用于加载和卸载 ListBox 中的项，但是却能给我们一些重要的启发，告诉我们如何在自己的实现中扩 展流畅 UI 技术。Expression Blend 4 中具备更多的流畅 UI 行为。 模板和 模板和 VSM 模板和 模板和 如果您不知道新的流畅 UI 功能究竟在 Silverlight 4 的什么地方，您可能需要花几个小时去寻找。它不是类；不是 属性；不是方法；也不是事件。实际上，它是 ListBoxItem 类上的三个新的视觉状态。图 图 1 显示了这个类的文 图图 档，其中的 TemplateVisualState 属性项进行了微调，以符合组的名称。 图 1 ListBoxItem 类文类文档档 类类文文档档 复制代码 [TemplateVisualStateAttribute(Name = Normal, GroupName = CommonStates)] [TemplateVisualStateAttribute(Name = MouseOver, GroupName = CommonStates)] [TemplateVisualStateAttribute(Name = Disabled, GroupName = CommonStates)] [TemplateVisualStateAttribute(Name = Unselected, GroupName = SelectionStates)] [TemplateVisualStateAttribute(Name = Selected, GroupName = SelectionStates)] [TemplateVisualStateAttribute(Name = SelectedUnfocused, GroupName = SelectionStates)] [TemplateVisualStateAttribute(Name = Unfocused, GroupName = FocusStates)] [TemplateVisualStateAttribute(Name = Focused, GroupName = FocusStates)] [TemplateVisualStateAttribute(Name = BeforeLoaded, GroupName = LayoutStates)] [TemplateVisualStateAttribut