WEB开发网
开发学院图形图像Flash Silverlight 下苹果(Mac OS)风格按钮的实现 阅读

Silverlight 下苹果(Mac OS)风格按钮的实现

 2008-10-24 11:46:47 来源:WEB开发网   
核心提示:在 Silverlight 2 beta 2 下,可以通过 Style 和 ControlTemplate 对控件的观感 (look and feel) 进行定制,Silverlight 下苹果(Mac OS)风格按钮的实现,并且在最新的 Expression Blend 2.5 June 2008preview 版本

在 Silverlight 2 beta 2 下,可以通过 Style 和 ControlTemplate 对控件的观感 (look and feel) 进行定制。并且在最新的 Expression Blend 2.5 June 2008preview 版本中,可以用可视化的方式来进行设计(一些细微的地方仍然要代码调整),这样就方便多了。

本文介绍如何实现一个 Mac 风格的按钮。先看一下效果:

Silverlight 下苹果(Mac OS)风格按钮的实现

左边一排是普通按钮,右边一排是 Mac 风格的按钮。其中获得焦点的按钮在视觉上用一圈虚线框表示。

因为 Button 控件开放了一个 Template 属性,我们要做的就是创建一个 Style. 比如叫做 MacButton,然后让按钮实例去套用这个 Style 即可:

<ButtonStyle="{StaticResourceMacButton}"/>

而 Style 本质上是用来设置属性值的,Template 也是一个特殊的属性,它是 CcontrolTemplate. 在 Xaml 语法中可以这样写:

<SetterProperty="Template">

<Setter.Value>

<ControlTemplateTargetType="Button">

Silverlight 下苹果(Mac OS)风格按钮的实现

</ControlTemplate>

</Setter.Value>

</Setter>

所有控件的真实内容都在上面的 "...." 中定义即可。

再介绍一点基础知识

==========================

控件契约 (Control Contract)

1 2 3 4 5 6  下一页

Tags:Silverlight 苹果 Mac

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接