【WP8】仿QQ提示消息

WP版的QQ提示消息的时候从顶部滑入，3秒后从顶部滑出，本文模仿该效果实现一个MessageToastManager类用于显示提示消息

思路很简单，就是动画而已，支持配置颜色和回掉

// *************************************************

// 

// 作者：bomo

// 小组：WP开发组

// 创建日期：2014/7/7 15:18:12

// 版本号：V1.00

// 说明: 

// 

// *************************************************

// 

// 修改历史: 

// Date                WhoChanges        Made 

// 2014/7/7 15:18:12            bomo         Initial creation 

//

// *************************************************



using System;

using System.Diagnostics;

using System.Windows;

using System.Windows.Controls;

using System.Windows.Controls.Primitives;

using System.Windows.Media;

using System.Windows.Media.Animation;



namespace XTuOne.Utility.Helpers

{

    /// <summary>

    /// 消息提示工具

    /// </summary>

    public class MessageToastManager

    {

        private static readonly Color defaultForegroundColor = Color.FromArgb(255, 255, 144, 0);

        private static readonly Color defaultBackgroundColor = Colors.White;



        public static void Show(string text, Action complete = null, double height = 40)

        {

            Show(text, defaultForegroundColor, defaultBackgroundColor, complete, height);

        }

        

        public static void Show(string text, Color foregroundColor, Color backgroundColor, Action complete = null, double height = 40)

        {

            Show(text, new SolidColorBrush(foregroundColor), new SolidColorBrush(backgroundColor), complete, height);

        }



        public static void Show(string text, Brush foregroundBrush, Brush backgroundBrush, Action complete = null, double height = 40)

        {

            var p = new Popup

            {

                Child = new Border

                {

                    Width = Application.Current.Host.Content.ActualWidth,

                    Background = backgroundBrush,

                    Child = new TextBlock

                    {

                        Text = text,

                        Foreground = foregroundBrush,

                        FontSize = (double)Application.Current.Resources["PhoneFontSizeNormal"],

                        VerticalAlignment = VerticalAlignment.Center,

                        Margin = new Thickness(10, 0, 0, 0)

                    }

                }

            };



            Show(p, complete, height);

        }



        private static void Show(Popup popup, Action complete = null, double height = 40)

        {

            if (!(popup.Child.RenderTransform is CompositeTransform))

            {

                popup.Child.RenderTransform = new CompositeTransform();

            }

            ((CompositeTransform)popup.Child.RenderTransform).TranslateY = -height;



            Debug.Assert(popup.Child is FrameworkElement);



            var element =popup.Child as FrameworkElement;

            element.Height = height;



            var storyboard = new Storyboard

            {

                AutoReverse = false

            };



            var doubleAnimaionUsingKeyFrames = new DoubleAnimationUsingKeyFrames();

            Storyboard.SetTarget(doubleAnimaionUsingKeyFrames, popup.Child);

            Storyboard.SetTargetProperty(doubleAnimaionUsingKeyFrames, new PropertyPath("(UIElement.Opacity)", new object[0]));

            storyboard.Children.Add(doubleAnimaionUsingKeyFrames);

            

            //0.5秒透明度从0-1

            var doubleKeyFrame = new EasingDoubleKeyFrame

            {

                KeyTime = KeyTime.FromTimeSpan(TimeSpan.FromSeconds(0.5)),

                Value = 1,

                EasingFunction = new CubicEase {EasingMode = EasingMode.EaseOut}

            };

            doubleAnimaionUsingKeyFrames.KeyFrames.Add(doubleKeyFrame);

            doubleKeyFrame = new EasingDoubleKeyFrame

            {

                KeyTime = KeyTime.FromTimeSpan(TimeSpan.FromSeconds(2.4)),

                Value = 0.995,

                EasingFunction = new CubicEase { EasingMode = EasingMode.EaseIn }

            };

            doubleAnimaionUsingKeyFrames.KeyFrames.Add(doubleKeyFrame);

            doubleKeyFrame = new EasingDoubleKeyFrame

            {

                KeyTime = KeyTime.FromTimeSpan(TimeSpan.FromSeconds(3)),

                Value = 0.1,

            };

            doubleAnimaionUsingKeyFrames.KeyFrames.Add(doubleKeyFrame);





            

            doubleAnimaionUsingKeyFrames = new DoubleAnimationUsingKeyFrames();

            Storyboard.SetTarget(doubleAnimaionUsingKeyFrames, popup.Child);

            Storyboard.SetTargetProperty(doubleAnimaionUsingKeyFrames, new PropertyPath("(UIElement.RenderTransform).(CompositeTransform.TranslateY)", new object[0]));

            storyboard.Children.Add(doubleAnimaionUsingKeyFrames);

            doubleKeyFrame = new EasingDoubleKeyFrame

            {

                KeyTime = KeyTime.FromTimeSpan(TimeSpan.FromSeconds(0.5)),

                Value = 0,

                EasingFunction = new CubicEase { EasingMode = EasingMode.EaseOut }

            };

            doubleAnimaionUsingKeyFrames.KeyFrames.Add(doubleKeyFrame);

            doubleKeyFrame = new EasingDoubleKeyFrame

            {

                KeyTime = KeyTime.FromTimeSpan(TimeSpan.FromSeconds(2.4)),

                Value = 0,

            };

            doubleAnimaionUsingKeyFrames.KeyFrames.Add(doubleKeyFrame);

            doubleKeyFrame = new EasingDoubleKeyFrame

            {

                KeyTime = KeyTime.FromTimeSpan(TimeSpan.FromSeconds(3)),

                Value = -height,

                EasingFunction = new CubicEase { EasingMode = EasingMode.EaseIn }

            };

            doubleAnimaionUsingKeyFrames.KeyFrames.Add(doubleKeyFrame);



            var objectAnimaionUsingKeyFrames = new ObjectAnimationUsingKeyFrames();

            Storyboard.SetTarget(objectAnimaionUsingKeyFrames, popup);

            Storyboard.SetTargetProperty(objectAnimaionUsingKeyFrames, new PropertyPath("(Popup.IsOpen)", new object[0]));

            storyboard.Children.Add(objectAnimaionUsingKeyFrames);



            var discreteObjectKeyFrame = new DiscreteObjectKeyFrame

            {

                KeyTime = KeyTime.FromTimeSpan(TimeSpan.FromSeconds(0)),

                Value = true

            };

            objectAnimaionUsingKeyFrames.KeyFrames.Add(discreteObjectKeyFrame);

            

            discreteObjectKeyFrame = new DiscreteObjectKeyFrame

            {

                KeyTime = KeyTime.FromTimeSpan(TimeSpan.FromSeconds(3)),

                Value = false

            };

            objectAnimaionUsingKeyFrames.KeyFrames.Add(discreteObjectKeyFrame);



            if (complete!=null)

            {

                storyboard.Completed += (s, e) => complete.Invoke();

            }



            storyboard.Begin();

        }

    }

}