Expression Blend 定義RadioButton行爲動畫

什麼是行爲（Behaviors）

【From jv9】 在開始學習前，首先須要瞭解一下Behaviors（行爲）的幾個關鍵點： （1）Behaviors（行爲）是可複用代碼集合，能夠被任何對象附加使用； （2）設計人員和開發人員能夠使用Behaviors（行爲）在不用設計任何代碼的狀況下，添加相關功能到XAML中； （3）Behaviors（行爲）能夠經過XAML附加到任何對象元素中，無需設計任何後臺代碼； （4）一個Behaviors（行爲）能夠被多個對象同時調用；

咱們能夠在Expression Blend中在沒必要編寫代碼的狀況下向應用程序添加交互性，將行爲從"資產"面板拖到應用程序中的對象上，而後設置該行爲的屬性。

Expression Blend給咱們預約義了一些經常使用的行爲：如調用方法行爲、控制故事板行爲、超連接行爲等等。

咱們也能夠點擊Expression Gallery到官方網站需找新有的行爲

 

本文中，咱們將給在上篇文章《Expression Blend 自定義RadioButton 模板》中建立的RadioButton建立一些動畫，選擇某個RadioButton時，在改變矩形顏色的同時，使矩形進行一些動畫。

打開項目，首先咱們先建立一個簡單的動畫，命名爲showColorAnimation

在時刻0.5 時，咱們將矩形旋轉45度

在時刻1秒時，旋轉爲135度

最後在1.5秒時刻旋轉度數爲180度，中止錄製動畫。開始向RadioButton添加Action了。切換到Asset卡片，選擇ControlStoryboadAction用來控制動畫的播放

將其拖動到rbRed上，命名爲redAction

修改行爲的一些屬性

對rbGreen、rbBlue作相同的行爲

按F5運行程序，最後的運行效果以下