將切換效果套用至視覺狀態變更

在建立使用者控制項並定義使用者控制項的狀態變更之後,您可以套用 Microsoft Expression Blend 提供的其中一種內建切換效果,快速又輕鬆地新增切換效果。

若要建立下列程序中使用的按鈕,請參閱建立可重複使用的範本以設定系統控制項的樣式修改不同狀態的系統控制項外觀

將切換效果套用至使用者控制項

  1. 在 [狀態] 面板中,按一下您要套用切換效果的狀態,然後按一下 [新增切換]** **Ff723949.2fe2c349-41aa-4cc0-b1d3-3ff7d5aed33d(zh-tw,Expression.40).png。按一下 [切換效果],然後從 [TransitionEffect] 下拉式清單中選取您需要的切換效果。

    TransitionEffect

  2. 在 [切換持續時間] 方塊中,輸入您想顯示切換效果的秒數。

  3. 儲存檔案 (CTRL+S),然後按 F5 鍵以建置並測試您的應用程式。

    Note注意:

    您也可以按一下 [切換預覽] 切換預覽圖示,直接在 Expression Blend 中預覽切換效果。

根據您所選擇的切換效果而定,您或許可以選擇修改其他屬性。例如,如果您選擇 [Slide In] 切換效果,就可以選取下列其中一項:

  • LeftToRight

  • RightToLeft

  • TopToBottom

  • BottomToTop

您也可以將 EasingFunction 套用到切換效果上。

tip note秘訣:

若要將切換效果或加/減速函數繫結到資料,請在 [TransitionEffect] 或 [EasingFunction] 對話方塊中,按一下 [進階選項],然後按一下 [資料繫結]。

內建切換效果

下列影像顯示 Microsoft Expression Blend 4 所提供不同內建切換效果的範例。左邊的影像是基本影像。中間的影像代表該種切換效果。右邊的影像則代表切換完成後的影像。

  • Blinds

    Blinds 切換效果

  • Circle Reveal

    Circle Reveal 切換效果

  • Cloud Reveal

    Cloud Reveal 切換效果

  • Fade

    Fade 切換效果

  • Pixelate

    Pixelate 切換效果

  • Radial Blur

    Radial Blur 切換效果

  • Ripple

    Ripple 切換效果

  • Slide In

    Slide In 切換效果

  • Smooth Swirl Grid

    Smooth Swirl Grid 切換效果

  • Wave

    Wave 切換效果

  • Wipe

    Wipe 切換效果

另請參閱

工作

匯入協力廠商或自訂效果

概念

定義控制項的不同視覺狀態

Copyright © 2011 by Microsoft Corporation. All rights reserved.