修改系统控件状态改变的过渡时间
控件的外观因其所处的状态而异。例如,将鼠标指针移到按钮的上方时,按钮的颜色会略有改变。“MouseOver”是按钮的状态之一。通过修改控件模板的副本,可以自定义系统控件状态的过渡时间。
以下过程使用的是按钮,不过您可以自定义 Microsoft Expression Blend 2 随附的所有系统控件或从“Control”类继承的所有导入的自定义 Silverlight 2 控件。
提示: |
---|
您还可以修改用户控件的状态和过渡时间。有关详细信息,请参阅定义用户控件的可视状态和过渡时间。 |
修改状态过渡时间
创建系统控件的可重用模板,如“Button” 控件。
如果您尚未处于模板的编辑模式,请在美工板上右键单击某个控件,并指向“编辑控件部件(模板)”,然后单击“编辑模板”。您还可以根据情况选择对象,然后单击痕迹导航栏中的“模板”。
在模板编辑模式下,按钮的状态(如“Normal”和“MouseOver”)会显示在“交互”面板中的“状态”下。这些状态包含在状态组(如“CommonStates”和“FocusStates”)中。
“CommonStates”旁的文本框的值为 0 秒(“0s”)。该值为该状态组中各状态之间的所有过渡的默认过渡持续时间。例如,从任一状态过渡到“Normal”状态需要 0 秒。您可以更改该默认过渡持续时间。
过渡到“MouseOver”状态和“Pressed”状态时,该值将被“0.1s”所覆盖。星号和箭头用于指明“从任一状态到该状态”的过渡。
在“状态”下,单击与“MouseOver”状态对应的“添加过渡” 按钮,然后单击“从 MouseOver 到 Normal”的过渡。
在“从 MouseOver 到 Normal”过渡的新行中,将文本框中的值从“0s”改为“0.5s”。
保存所做的工作 (Ctrl+S),然后按 F5 以生成并测试应用程序。在浏览器窗口中打开应用程序之后,请将鼠标指针移到按钮的上方,以查看该按钮在鼠标离开时如何缓慢地过渡到先前状态。
疑难解答
- 如果您在浏览器中查看应用程序时遇到问题,可能是没有安装正确的 Silverlight 2 运行时。有关详细信息,请参阅安装 Silverlight 2 工具和运行时。
后续步骤
您可以更改按钮在不同状态下的外观。有关详细信息,请参阅修改不同状态的系统控件的外观。
您可以添加动画,例如使按钮在鼠标指针移到其上方时螺旋盘转。有关详细信息,请参阅添加状态改变后显示的动画。
您可以将此模板应用到项目中的其他按钮上,也可以绘制已指定模板的新按钮。有关详细信息,请参阅应用样式资源。