修改状态更改之间的过渡时间
控件的外观因其所处的状态而异。例如，将指针移到按钮的上方时，按钮的颜色会略有改变。“MouseOver”是按钮的状态之一。通过修改控件模板的副本，可以自定义系统控件状态的过渡时间。
以下过程使用的是按钮，不过您可以自定义 Microsoft Expression Blend 随附的任何系统控件或从 Control 类继承的任何导入的自定义控件。
.gif "提示") 提示： |
|---|
您还可以修改用户控件的状态和过渡时间。有关详细信息，请参阅定义用户控件的可视状态和过渡时间。 |
修改状态过渡时间
为系统控件（例如 Button 控件
.png "Dd185517.05df1779-a68f-436b-b834-a91b7995a3ec(ZH-CN,Expression.30).png")
）创建可重用模板。如果您尚未进入模板的编辑模式，请右键单击美工板上的控件，并指向“编辑模板”，然后单击“编辑当前模板”。您还可以根据情况选择对象，然后单击痕迹导航栏中的“模板”。
.png "Dd185517.5bb586ea-6adc-4672-b316-0fab8215ff8c(ZH-CN,Expression.30).png")
在 Expression Blend 处于模板编辑模式下时，按钮的状态（例如 Normal 和 MouseOver）显示在“状态”面板中。这些状态包含在状态组（如“CommonStates”和“FocusStates”）中。
.png "Dd185517.7740762c-1a9d-490f-898e-2886ac1cf541(ZH-CN,Expression.30).png")
在“CommonStates”的旁边，您将看到值为 0 秒（“0s”）的文本框。该值为该状态组中各状态之间的所有过渡的默认过渡持续时间。例如，从任一状态过渡到“Normal”状态需要 0 秒。您可以更改该默认过渡持续时间。
.png "Dd185517.f13475c2-d26f-4ad0-b62e-53bd1f532288(ZH-CN,Expression.30).png")
在“状态”下，单击与 MouseOver 状态对应的“添加过渡”
.png "Dd185517.2fe2c349-41aa-4cc0-b1d3-3ff7d5aed33d(ZH-CN,Expression.30).png")
，然后单击“从 MouseOver 到 Normal”的过渡。.png "Dd185517.fdeff432-52c4-46c2-a3f1-6ee49d86677b(ZH-CN,Expression.30).png")
在“从 MouseOver 到 Normal”过渡的新行中，将文本框中的值从“0s”改为“0.5s”。
.png "Dd185517.ba5ad076-c4f4-4525-b8a6-ac3aab272194(ZH-CN,Expression.30).png")
保存所做的工作 (Ctrl+S)，然后按 F5 以生成并测试应用程序。在浏览器窗口中打开应用程序之后，请将指针移到按钮的上方，以查看该按钮在指针离开时如何缓慢地过渡到先前状态。
疑难解答
- 如果您在浏览器中查看应用程序时遇到问题，可能是没有安装正确的 Microsoft Silverlight 运行时。有关详细信息，请参阅安装 Silverlight 工具和运行时。
后续步骤
您可以更改按钮在不同状态下的外观。有关详细信息，请参阅修改不同状态的系统控件的外观。
您可以添加动画，例如使按钮在指针移到其上方时螺旋盘转。有关详细信息，请参阅添加状态改变后显示的动画。
您可以将此模板应用到项目中的其他按钮上，也可以绘制已指定模板的新按钮。有关详细信息，请参阅应用样式资源。