WPF NotifyIcon : Public Release

------------------------------- CHG Common cleanup, copyright etc. DEL Removed unused dependency property change handlers. ADD Added ResetBalloonCloseTimer method which keeps custom balloons open. ADD Provided implementation for attached BalloonClosingEvent. git-svn-id: https://svn.evolvesoftware.ch/repos/evolve.net/WPF/NotifyIcon@94 9f600761-6f11-4665-b6dc-0185e9171623
2026-01-31 17:26:21 -05:00 · 2009-05-04 19:36:22 +00:00
parent 2b05ff7bd7
commit 98a0017687
15 changed files with 568 additions and 135 deletions
--- a/Project/FancyBalloon.xaml
+++ b/Project/FancyBalloon.xaml
@@ -12,7 +12,7 @@
 				<SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/>
 				<SplineDoubleKeyFrame KeyTime="00:00:01" Value="0.95"/>
 				<SplineDoubleKeyFrame KeyTime="00:00:03" Value="0.95"/>
-				<SplineDoubleKeyFrame KeyTime="00:00:05" Value="0"/>
+<!--				<SplineDoubleKeyFrame KeyTime="00:00:05" Value="0"/>-->
 			</DoubleAnimationUsingKeyFrames>
 		</Storyboard>
 		<Storyboard x:Key="HighlightCloseButton">
@@ -27,10 +27,22 @@
 				<SplineDoubleKeyFrame KeyTime="00:00:00.3000000" Value="0.4"/>
 			</DoubleAnimationUsingKeyFrames>
 		</Storyboard>
+		<Storyboard x:Key="FadeBack">
+			<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="grid" Storyboard.TargetProperty="(UIElement.Opacity)">
+				<SplineDoubleKeyFrame KeyTime="00:00:00" Value="1"/>
+				<SplineDoubleKeyFrame KeyTime="00:00:00.3000000" Value="1"/>
+			</DoubleAnimationUsingKeyFrames>
+		</Storyboard>
+		<Storyboard x:Key="FadeOut" Completed="OnFadeOutCompleted" >
+			<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="grid" Storyboard.TargetProperty="(UIElement.Opacity)">
+				<SplineDoubleKeyFrame KeyTime="00:00:00" Value="1"/>
+				<SplineDoubleKeyFrame KeyTime="00:00:00.3000000" Value="0.2"/>
+			</DoubleAnimationUsingKeyFrames>
+		</Storyboard>
 	</UserControl.Resources>
 	<UserControl.Triggers>
 		<EventTrigger RoutedEvent="tb:TaskbarIcon.BalloonShowing">
-			<BeginStoryboard Storyboard="{StaticResource FadeIn}"/>
+			<BeginStoryboard Storyboard="{StaticResource FadeIn}" x:Name="FadeIn_BeginStoryboard"/>
 		</EventTrigger>
 		<EventTrigger RoutedEvent="Mouse.MouseEnter" SourceName="imgClose">
 			<BeginStoryboard Storyboard="{StaticResource HighlightCloseButton}" x:Name="HighlightCloseButton_BeginStoryboard"/>
@@ -38,8 +50,15 @@
 		<EventTrigger RoutedEvent="Mouse.MouseLeave" SourceName="imgClose">
 			<BeginStoryboard Storyboard="{StaticResource FadeCloseButton}" x:Name="FadeCloseButton_BeginStoryboard"/>
 		</EventTrigger>
+		<EventTrigger RoutedEvent="Mouse.MouseEnter">
+			<StopStoryboard BeginStoryboardName="FadeIn_BeginStoryboard"/>
+			<BeginStoryboard x:Name="FadeBack_BeginStoryboard1" Storyboard="{StaticResource FadeBack}"/>
+		</EventTrigger>
+		<EventTrigger RoutedEvent="tb:TaskbarIcon.BalloonClosing">
+			<BeginStoryboard Storyboard="{StaticResource FadeOut}" x:Name="FadeOut_BeginStoryboard"/>
+		</EventTrigger>
 	</UserControl.Triggers>
-  <Grid x:Name="grid">
+  <Grid x:Name="grid" MouseEnter="grid_MouseEnter">
    <Border
      HorizontalAlignment="Stretch"
      Margin="5,5,5,5"
@@ -93,7 +112,7 @@
      </Path.Stroke>
    </Path>
    <TextBlock Margin="72,10,10,0" VerticalAlignment="Top" Height="23.2" Text="{Binding Path=BalloonText, ElementName=me, Mode=Default}" TextWrapping="Wrap" Foreground="#FFECAD25" FontWeight="Bold"/>
-    <Image HorizontalAlignment="Right" Margin="0,10,10,0" VerticalAlignment="Top" Width="16" Height="16" Source="Images\Close.png" Stretch="Fill" Opacity="0.4" ToolTip="Close Immediately" x:Name="imgClose" MouseDown="imgClose_MouseDown"/>
+    <Image HorizontalAlignment="Right" Margin="0,10,10,0" VerticalAlignment="Top" Width="16" Height="16" Source="Images\Close.png" Stretch="Fill" Opacity="0.4" ToolTip="Close Balloon" x:Name="imgClose" MouseDown="imgClose_MouseDown"/>

  </Grid>
 </UserControl>
--- a/Project/FancyBalloon.xaml.cs
+++ b/Project/FancyBalloon.xaml.cs
@@ -4,10 +4,12 @@ using System.Linq;
 using System.Text;
 using System.Windows;
 using System.Windows.Controls;
+using System.Windows.Controls.Primitives;
 using System.Windows.Data;
 using System.Windows.Documents;
 using System.Windows.Input;
 using System.Windows.Media;
+using System.Windows.Media.Animation;
 using System.Windows.Media.Imaging;
 using System.Windows.Navigation;
 using System.Windows.Shapes;
@@ -20,6 +22,8 @@ namespace Sample_Project
  /// </summary>
  public partial class FancyBalloon : UserControl
  {
+    private bool isClosing = false;
+
    #region BalloonText dependency property

    /// <summary>
@@ -48,6 +52,19 @@ namespace Sample_Project
    public FancyBalloon()
    {
      InitializeComponent();
+      TaskbarIcon.AddBalloonClosingHandler(this, OnBalloonClosing);
+    }
+
+
+    /// <summary>
+    /// By subscribing to the <see cref="TaskbarIcon.BalloonClosingEvent"/>
+    /// and setting the "Handled" property to true, we suppress the popup
+    /// from being closed in order to display the fade-out animation.
+    /// </summary>
+    private void OnBalloonClosing(object sender, RoutedEventArgs e)
+    {
+      e.Handled = true;
+      isClosing = true;
    }


@@ -61,5 +78,31 @@ namespace Sample_Project
      TaskbarIcon taskbarIcon = TaskbarIcon.GetParentTaskbarIcon(this);
      taskbarIcon.CloseBalloon();
    }
+
+    /// <summary>
+    /// If the users hovers over the balloon, we don't close it.
+    /// </summary>
+    private void grid_MouseEnter(object sender, MouseEventArgs e)
+    {
+      //if we're already running the fade-out animation, do not interrupt anymore
+      //(makes things too complicated for the sample)
+      if (isClosing) return;
+
+      //the tray icon assigned this attached property to simplify access
+      TaskbarIcon taskbarIcon = TaskbarIcon.GetParentTaskbarIcon(this);
+      taskbarIcon.ResetBalloonCloseTimer();
+    }
+
+
+    /// <summary>
+    /// Closes the popup once the fade-out animation completed.
+    /// The animation was triggered in XAML through the attached
+    /// BalloonClosing event.
+    /// </summary>
+    private void OnFadeOutCompleted(object sender, EventArgs e)
+    {
+      Popup pp = (Popup)Parent;
+      pp.IsOpen = false;
+    }
  }
 }
--- a/Project/Images/Close.png
+++ b/Project/Images/Close.png
--- a/Project/Window1.xaml
+++ b/Project/Window1.xaml
@@ -11,7 +11,7 @@
  xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
  mc:Ignorable="d"
  xmlns:local="clr-namespace:Sample_Project"
-  xmlns:Commands="clr-namespace:Sample_Project.Commands" MinWidth="750" MinHeight="800">
+  xmlns:Commands="clr-namespace:Sample_Project.Commands" MinWidth="750" MinHeight="800" ResizeMode="NoResize">
  <Window.Resources>

    <BooleanToVisibilityConverter
@@ -93,7 +93,7 @@
    
    <CheckBox
      HorizontalAlignment="Left"
-      Margin="12,64.04,0,0"
+      Margin="10,38.62,0,0"
      VerticalAlignment="Top"
      Width="155.42"
      Content="NotifyIcon Visible"
@@ -101,7 +101,7 @@
      IsChecked="True" />
    <ListBox
      HorizontalAlignment="Left"
-      Margin="12,122,0,0"
+      Margin="12,86.58,0,0"
      Width="123"
      IsSynchronizedWithCurrentItem="True"
      Height="51"
@@ -122,7 +122,7 @@
    </ListBox>
    <TextBlock
      HorizontalAlignment="Left"
-      Margin="12,100,0,0"
+      Margin="12,64.58,0,0"
      VerticalAlignment="Top"
      Width="Auto"
      Height="22"
@@ -250,25 +250,25 @@
          Language="de-ch" /></TextBlock>
    </Grid>
    <Grid
-      Margin="0,166.38,10,0"
+      Margin="0,156.38,10,0"
      Width="358"
      HorizontalAlignment="Right"
-      x:Name="ToolTips" Height="271" VerticalAlignment="Top">
+      x:Name="ToolTips" Height="233" VerticalAlignment="Top" d:LayoutOverrides="VerticalAlignment">
      <Border
        HorizontalAlignment="Stretch"
        VerticalAlignment="Stretch"
        BorderBrush="#FF000000"
        BorderThickness="2,2,2,2" />
      <TextBox
-        Margin="10,0,25,86"
+        Margin="10,0,25,70"
        x:Name="txtToolTipText"
        VerticalAlignment="Bottom"
        Height="23"
        Text="THIS IS A SAMPLE TEXT...."
        Foreground="#FFFF0000" />
      <TextBlock
-        Margin="10,132,25,119"
-        TextWrapping="Wrap"><Run
+        Margin="10,0,25,93"
+        TextWrapping="Wrap" Height="21" VerticalAlignment="Bottom"><Run
          Text="ToolTipText:"
          Language="de-ch" /></TextBlock>
      <TextBlock
@@ -300,7 +300,7 @@
          Language="de-ch" /></TextBlock>
      <Button
        HorizontalAlignment="Left"
-        Margin="10,0,0,20"
+        Margin="10,0,0,10"
        VerticalAlignment="Bottom"
        Width="147"
        Height="24"
@@ -308,7 +308,7 @@
        Name="removeToolTip"
        Click="removeToolTip_Click" />
      <TextBlock
-        Margin="10,0,25,53"
+        Margin="10,0,25,44"
        VerticalAlignment="Bottom"
        Height="16"
        TextWrapping="Wrap"><Run
@@ -378,13 +378,13 @@
      Foreground="#FF303030"
      TextWrapping="Wrap"><Run Text="This is my first shot at this control and a think a few additions might make sense." Language="de-ch"/><LineBreak/><Run Text="Play around and feel free to commit critical feedback - it's appreciated :)" Language="de-ch"/><LineBreak/><Run Text="" Language="de-ch"/><LineBreak/><Run Foreground="#FF067EBD" Text="Feedback and Updates:" Language="de-ch"/><LineBreak/><Run Foreground="#FF067EBD" Text="http://www.hardcodet.net " Language="de-ch"/><Run FontSize="10" Foreground="#FF067EBD" Text="(watch the spelling" Language="de-ch"/><Run Foreground="#FF067EBD" Text=")" Language="de-ch"/></TextBlock>
    <TextBlock Margin="12,0,10,10" VerticalAlignment="Bottom" Height="22.42" TextWrapping="Wrap" FontWeight="Bold" Foreground="#FFFFA051"><Run Text="Copyright (c) 2009 Philipp Sumi. This is prerelease software, realeased under the CodeProject Open License (CPOL)" Language="de-ch"/></TextBlock>
-    <Grid HorizontalAlignment="Right" Margin="0,0,10,262.42" VerticalAlignment="Bottom" Width="358" Height="87.2" x:Name="CustomBalloons">
+    <Grid HorizontalAlignment="Right" Margin="0,399.38,10,272.42" Width="358" x:Name="CustomBalloons">
    	<Border HorizontalAlignment="Stretch" Width="Auto" BorderThickness="2,2,2,2" BorderBrush="#FF000000"/>
    	<Button Content="Show" x:Name="showCustomBalloon"
    		Click="showCustomBalloon_Click" HorizontalAlignment="Right" Margin="0,0,91.377,10" Width="71.623" Height="23" VerticalAlignment="Bottom" />
    	<TextBox VerticalAlignment="Bottom" Height="23" Text="WPF Balloon" TextWrapping="Wrap" Margin="10,0,173,10" x:Name="customBalloonTitle"/>
-    	<TextBlock Margin="10,10,24.377,0" VerticalAlignment="Top" TextWrapping="Wrap"><Run Text="Custom Balloon Tips are more flexible then standard tips when it comes to styling..." Language="de-ch"/></TextBlock>
-    	<Button Content="Hide" x:Name="hideCustomBalloon"
+    	<TextBlock Margin="10,10,24.377,0" VerticalAlignment="Top" TextWrapping="Wrap" Height="66.68"><Run Text="Custom Balloon Tips are more flexible then standard tips when it comes to styling and they provide attached properties and events that can be used to control behavior. Hover over the tooltip to suspend the fade-out." Language="de-ch"/></TextBlock>
+    	<Button Content="Close" x:Name="hideCustomBalloon"
    		Click="hideCustomBalloon_Click" HorizontalAlignment="Right" Margin="0,0,9.754,10.52" Width="71.623" Height="23" VerticalAlignment="Bottom" />
    </Grid>
  </Grid>