修改状态更改之间的过渡时间

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

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

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

修改状态过渡时间

1. 为系统控件（例如 Button 控件 ）创建可重用模板。

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

   

3. 在 Expression Blend 处于模板编辑模式下时，按钮的状态（例如 Normal 和 MouseOver ）显示在“状态”面板中。这些状态包含在状态组（如“ CommonStates ”和“ FocusStates ”）中。

   

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

   

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

   

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

   

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

疑难解答

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

后续步骤

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

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

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

另请参阅

任务

在项目中绘制控件
添加状态改变后显示的动画
创建可重用模板以为系统控件设置样式

Microsoft Corporation 版权所有 ⓒ 2011。保留所有权利。