WPF 添加提示動畫

下面放一張效果圖：

那麼具體是怎麼實現呢：

前端XAML中：

        <Image Source="/Images/tips.png" HorizontalAlignment="Left" Width="25" Height="25" MouseEnter="Image_MouseEnter" MouseLeave="Image_MouseLeave" IsHitTestVisible="False"/>
        <Canvas  Margin="0,20,0,0" HorizontalAlignment="Left" x:Name="tipsBqb" Opacity="0">
            <Image Source="/Images/bqb.jpg" Height="200" Width="200"/>
            <TextBlock  Text="瞅咩啦靚仔" Foreground="Black" FontSize="40" Margin="0,165,0,0" FontWeight="Bold" />
        </Canvas>

講一下前端XAML中的一些標籤屬性：

MouseEnter：鼠標焦點懸浮事件。

MouseLeave：鼠標焦點懸浮離開事件。

IsHitTestVisible：是否遮擋下層控件。（默認爲True，也就是說下層的控件你點不到）

Canvas：經常使用的UI佈局標籤。

Opacity：透明度。

Image：能夠查看個人上一篇博客：http://www.javashuo.com/article/p-viajljlt-hd.html。

後臺代碼：

        private void Image_MouseEnter(object sender, MouseEventArgs e)
        {
            //漸顯
            DoubleAnimation daV = new DoubleAnimation(0, 1, new Duration(TimeSpan.FromSeconds(0.5)));
            this.tipsBqb.BeginAnimation(UIElement.OpacityProperty, daV);
        }
        private void Image_MouseLeave(object sender, MouseEventArgs e)
        {
            //漸隱
            DoubleAnimation daV = new DoubleAnimation(1, 0, new Duration(TimeSpan.FromSeconds(0.5)));
            this.tipsBqb.BeginAnimation(UIElement.OpacityProperty, daV);
        }

DouBleAnimation對象：指定一個Double類型的屬性，使其在指定的時間內由起點值到達終點值,從而造成動畫效果。(參數1：起始參數，參數2：結束參數，參數3：過程秒數)

BeginAnimation方法：執行動畫效果。(參數1：控件屬性元素，參數2：動畫效果參數對象)。

而後咱們就能夠作許多騷操做了，好比保存後，全屏提示保存成功！（例如Minecraft 1.8的全屏提示文字）

搬運轉發請連接註明出處。