使用 Silverlight 建構工作流設計器（十）：動畫效果與 Storyboard 動態目標設定

動畫效果類型

• 新增活動/規則：淡入
• 刪除活動/規則：淡出

XAML 定義 Storyboard

<Storyboard x:Name="sbDisplay">
  <DoubleAnimation From="0" To="0.8" Duration="00:00:1.0"
    Storyboard.TargetName="" Storyboard.TargetProperty="Opacity" />
</Storyboard>

屬性說明：TargetName 為動畫目標元素名稱，TargetProperty 為動畫屬性（此處為 Opacity），From/To 為初始/結束值，Duration 為持續時間。

動態設定 TargetName 的坑與解法

嘗試使用 Storyboard.SetTargetName(sbDisplay, "currentPic") 卻發生錯誤（疑似命名空間問題），改用 Storyboard.SetTarget(sbDisplay, currentPic) 直接傳入物件參考即可正常運作。

Storyboard.SetTarget(sbDisplay, currentPic); // currentPic 為 UIElement 實例
sbDisplay.Begin();

TargetProperty 亦支援自訂相依性屬性，擴充性極高。

套用於建構函式

在活動與規則的建構函式中呼叫 sbDisplay.Begin() 即可實現淡入顯示；刪除時啟動淡出動畫並於完成事件中移除視覺樹節點。