WPF給控制元件新增運動動畫

在開發的專案，有的時候需要將某些控制元件進行隱藏，以及隱藏後在展示出來！我們首先想到的就是控制元件本身的屬性visibility；

我們可以通過visibility的屬性值來進行隱藏和顯示操作！頻繁的使用該屬性，會讓程式看上去不是特別流暢。所以，給控制元件加一個過渡動畫，會提升整個程式的流暢度。

在WPF中，我們可以有多種方式實現這一效果！

1、新建一個空白的wpf窗體

 

2、向該窗體中新增一個button按鈕。

 3、在button的click時間中，新增以下程式碼

//應用名稱空間
using System.Windows.Media.Animation;
//建立座標系內移動的物件
TranslateTransform tt = new TranslateTransform();
//建立一個一個物件，對兩個值在時間線上進行動畫處理（移動距離，移動到的位置）
DoubleAnimation da = new DoubleAnimation();
//設定動畫時間線
Duration duration = new Duration(TimeSpan.FromSeconds(0.5));
//btnFlash要進行動畫操作的控制元件名
btnFlash.RenderTransform = tt;
//開始動畫控制元件的初始位置，一般控制元件所在的位置是0位置
tt.Y = 0;
//設定移動動畫的結束值，控制元件向下移動60個畫素，向上移動則是-60
da.To = 60;
da.Duration = duration;
//開始進行動畫處理
tt.BeginAnimation(TranslateTransform.YProperty, da);

效果