WPF中控件彈出動畫

做了一個項目,項目中window窗口彈出的動畫挺好的,所以記下來,研究使用。

 /// <summary>
        /// 用戶控件動畫
        /// </summary>
        /// <param name="element">控件名</param>
        /// <param name="point">元素開始動畫的位置</param>
        /// <param name="from">元素開始的大小</param>
        /// <param name="from">元素到達的大小</param>
        /// <param name="m_Second">動畫持續時間(毫秒)</param>
        public static void ScaleEasingAnimationShow(FrameworkElement element, Point point, double from, double to, int m_Second)
        {
            lock (element)
            {
                ScaleTransform scale = new ScaleTransform();
                element.RenderTransform = scale;
                element.RenderTransformOrigin = point;//定義圓心位置        
                EasingFunctionBase easeFunction = new PowerEase()
                {
                    EasingMode = EasingMode.EaseIn,
                    Power = 5
                };
                DoubleAnimation scaleAnimation = new DoubleAnimation()
                {
                    From = from,                                 //起始值
                    To = to,                                     //結束值
                    EasingFunction = easeFunction,               //緩動函數
                    Duration = new TimeSpan(0, 0, 0, 0, m_Second)  //動畫播放時間
                };

                AnimationClock clock = scaleAnimation.CreateClock();
                scale.ApplyAnimationClock(ScaleTransform.ScaleXProperty, clock);
                scale.ApplyAnimationClock(ScaleTransform.ScaleYProperty, clock);
            }
        }
    }

element是控件

point是動畫起始地位置,0,0 是從左上角,0.5,0.5是從中間。右下角是1,1。

其中 from ,to 是動畫的起始位置,從0-1 從最小顯示到最大,1-0是最大到最小。 m_second是動畫持續時間,我這裏去的是毫秒,也可以是時分秒,可以具體看TimeSpan這個方法的參數。


最後的效果就是窗口慢慢出現 或者慢慢消失 ,從大到小,或者從小到大!!!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章