修改系统控件状态改变的过渡时间

控件的外观因其所处的状态而异。例如，将鼠标指针移到按钮的上方时，按钮的颜色会略有改变。“MouseOver”是按钮的状态之一。通过修改控件模板的副本，可以自定义系统控件状态的过渡时间。

以下过程使用的是按钮，不过您可以自定义 Microsoft Expression Blend 2 随附的所有系统控件或从“Control”类继承的所有导入的自定义 Silverlight 2 控件。

提示：
您还可以修改用户控件的状态和过渡时间。有关详细信息，请参阅定义用户控件的可视状态和过渡时间。

修改状态过渡时间

1. 创建系统控件的可重用模板，如“Button” 控件。

2. 如果您尚未处于模板的编辑模式，请在美工板上右键单击某个控件，并指向“编辑控件部件(模板)”，然后单击“编辑模板”。您还可以根据情况选择对象，然后单击痕迹导航栏中的“模板”。

   

3. 在模板编辑模式下，按钮的状态（如“Normal”和“MouseOver”）会显示在“交互”面板中的“状态”下。这些状态包含在状态组（如“CommonStates”和“FocusStates”）中。

   

   “CommonStates”旁的文本框的值为 0 秒（“0s”）。该值为该状态组中各状态之间的所有过渡的默认过渡持续时间。例如，从任一状态过渡到“Normal”状态需要 0 秒。您可以更改该默认过渡持续时间。

   

   过渡到“MouseOver”状态和“Pressed”状态时，该值将被“0.1s”所覆盖。星号和箭头用于指明“从任一状态到该状态”的过渡。

   

4. 在“状态”下，单击与“MouseOver”状态对应的“添加过渡” 按钮，然后单击“从 MouseOver 到 Normal”的过渡。

   

5. 在“从 MouseOver 到 Normal”过渡的新行中，将文本框中的值从“0s”改为“0.5s”。

   

6. 保存所做的工作 (Ctrl+S)，然后按 F5 以生成并测试应用程序。在浏览器窗口中打开应用程序之后，请将鼠标指针移到按钮的上方，以查看该按钮在鼠标离开时如何缓慢地过渡到先前状态。

疑难解答

• 如果您在浏览器中查看应用程序时遇到问题，可能是没有安装正确的 Silverlight 2 运行时。有关详细信息，请参阅安装 Silverlight 2 工具和运行时。

后续步骤

• 您可以更改按钮在不同状态下的外观。有关详细信息，请参阅修改不同状态的系统控件的外观。

• 您可以添加动画，例如使按钮在鼠标指针移到其上方时螺旋盘转。有关详细信息，请参阅添加状态改变后显示的动画。

• 您可以将此模板应用到项目中的其他按钮上，也可以绘制已指定模板的新按钮。有关详细信息，请参阅应用样式资源。

另请参见

概念

在 Silverlight 2 项目中绘制控件

添加状态改变后显示的动画