向可视状态更改应用切换效果

在创建了用户控件并为该用户控件定义了状态更改之后,可以通过应用 Microsoft Expression Blend 中提供的内置切换效果之一快速轻松地添加切换效果。

若要创建在以下过程中使用的按钮,请参阅创建可重用模板以为系统控件设置样式修改不同状态的系统控件的外观

将切换效果应用于用户控件

  1. 在“状态”面板中,单击要应用切换效果的状态,然后单击“添加切换”Ff723949.2fe2c349-41aa-4cc0-b1d3-3ff7d5aed33d(zh-cn,Expression.40).png。单击“切换效果”,然后从“切换效果”下拉列表中选择所要的切换效果。

    TransitionEffect

  2. 在“切换持续时间”框中,键入希望切换效果显示的秒数。

  3. 保存所做的工作 (Ctrl+S),然后按 F5 以生成并测试应用程序。

    Note注意:

    也可以单击“启用切换预览”“切换预览”图标,直接在 Expression Blend 中预览切换。

根据所选的切换效果,可以选择修改其他属性的选项。例如,如果选择“Slide In”切换效果,则可以选择以下选项之一:

  • LeftToRight

  • RightToLeft

  • TopToBottom

  • BottomToTop

还可以向切换效果应用 EasingFunction

tip note提示:

若要数据绑定切换效果或缓动函数,请在“切换效果”或“缓动函数”对话框中单击“高级选项”,然后单击“数据绑定”。

内置切换效果

以下各图是 Microsoft Expression Blend 4 中提供的不同内置切换效果的示例。左侧的图像是基本图像。中间的图像表示切换。右侧的图像表示切换完成后的图像。

  • Blinds(百叶窗)

    百叶窗切换效果

  • Circle Reveal(圆形展现)

    圆形显示切换效果

  • Cloud Reveal(云状展现)

    云形显示切换效果

  • Fade(淡化)

    淡化切换效果

  • Pixelate(像素化)

    像素化切换效果

  • Radial Blur(径向模糊)

    径向模糊切换效果

  • Ripple(波纹)

    波纹切换效果

  • Slide In(滑入)

    滑入切换效果

  • Smooth Swirl Grid(平滑漩涡网格)

    平滑漩涡网格切换效果

  • Wave(波浪)

    波形切换效果

  • Wipe(擦除)

    擦除切换效果

另请参阅

任务

导入第三方效果或自定义效果

概念

定义控件的不同视觉状态

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