Synnefo » Pithos MS Client

    <Compile Include="Shell\PithosBalloon.xaml.cs">

      <DependentUpon>PithosBalloon.xaml</DependentUpon>

    </Compile>

    <Page Include="Shell\PithosBalloon.xaml">

      <SubType>Designer</SubType>

      <Generator>MSBuild:Compile</Generator>

    </Page>

  <ItemGroup>

    <Resource Include="Images\Close.png" />

  </ItemGroup>

  <ItemGroup>

    <Resource Include="Images\info.png" />

  </ItemGroup>

<UserControl x:Class="Pithos.Client.WPF.Shell.PithosBalloon"

             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 

             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 

             mc:Ignorable="d" 

             xmlns:tb="http://www.hardcodet.net/taskbar"

             d:DesignHeight="120" d:DesignWidth="240"

             Height="120"

             Width="240">

    <UserControl.Resources>

        <Storyboard x:Key="FadeIn">

            <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="grid" Storyboard.TargetProperty="(UIElement.Opacity)">

                <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"/>-->

            </DoubleAnimationUsingKeyFrames>

        </Storyboard>

        <Storyboard x:Key="HighlightCloseButton">

            <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="imgClose" Storyboard.TargetProperty="(UIElement.Opacity)">

                <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0.4"/>

                <SplineDoubleKeyFrame KeyTime="00:00:00.3000000" Value="1"/>

            </DoubleAnimationUsingKeyFrames>

        </Storyboard>

        <Storyboard x:Key="FadeCloseButton">

            <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="imgClose" Storyboard.TargetProperty="(UIElement.Opacity)">

                <SplineDoubleKeyFrame KeyTime="00:00:00" Value="1"/>

                <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}" x:Name="FadeIn_BeginStoryboard"/>

        </EventTrigger>

        <EventTrigger RoutedEvent="Mouse.MouseEnter" SourceName="imgClose">

            <BeginStoryboard Storyboard="{StaticResource HighlightCloseButton}" x:Name="HighlightCloseButton_BeginStoryboard"/>

        </EventTrigger>

        <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>

        <Border

        HorizontalAlignment="Stretch"

        Margin="5,5,5,5"

        BorderThickness="1,1,1,1"

        BorderBrush="#FF997137">

         <Border.Effect>

             <DropShadowEffect Color="#FF747474"/>

         </Border.Effect>

         <Border.Background>

             <LinearGradientBrush

            EndPoint="0.5,1"

            StartPoint="0.5,0">

                 <GradientStop

              Color="#4085A5"

              Offset="0" />

                 <GradientStop

              Color="#D7E8F0"

              Offset="1" />

             </LinearGradientBrush>

         </Border.Background>

     </Border>

 <Image

    HorizontalAlignment="Left"

    Margin="0,10,0,0"

    Width="48"

    Source="/Images/PithosTaskbar.png"

    Stretch="None" Height="72" VerticalAlignment="Top" />

 <TextBlock

    Margin="72,49.2,10,0"

    VerticalAlignment="Top"

    Foreground="Black"

    TextWrapping="Wrap"><Run Text="This is a user control. The animation uses the attached " Language="de-ch"/><Run FontStyle="Italic" FontWeight="Bold" Text="BalloonShowing " Language="de-ch"/><Run Text="event." Language="de-ch"/></TextBlock>

    <Path

       Fill="#FFFFFFFF"

       Stretch="Fill"

       Margin="72,38.2,34,0"

       VerticalAlignment="Top"

       Height="1"

       Data="M26,107 L220.04123,107" SnapsToDevicePixels="True">

        <Path.Stroke>

           <LinearGradientBrush

          EndPoint="0.973,0.5"

          StartPoint="0.005,0.5">

               <GradientStop

            Color="#00ECAD25"

            Offset="1" />

               <GradientStop

            Color="#87ECAD25"

         Offset="0" />

                </LinearGradientBrush>

            </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 Balloon" x:Name="imgClose" MouseDown="imgClose_MouseDown"/>

    </Grid>

</UserControl>

using System;

using System.Collections.Generic;

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.Imaging;

using System.Windows.Navigation;

using System.Windows.Shapes;

using Hardcodet.Wpf.TaskbarNotification;

namespace Pithos.Client.WPF.Shell

{

    /// <summary>

    /// Interaction logic for PithosBalloon.xaml

    /// </summary>

    public partial class PithosBalloon : UserControl

    {

        private bool isClosing = false;

      #region BalloonText dependency property

      /// <summary>

      /// Description

      /// </summary>

      public static readonly DependencyProperty BalloonTextProperty =

          DependencyProperty.Register("BalloonText",

                                      typeof (string),

                                      typeof (PithosBalloon),

                                      new FrameworkPropertyMetadata(""));

      /// <summary>

      /// A property wrapper for the <see cref="BalloonTextProperty"/>

      /// dependency property:<br/>

      /// Description

      /// </summary>

      public string BalloonText

      {

        get { return (string) GetValue(BalloonTextProperty); }

        set { SetValue(BalloonTextProperty, value); }

      }

      #endregion

      public PithosBalloon()

      {

        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;

      }

      /// <summary>

      /// Resolves the <see cref="TaskbarIcon"/> that displayed

      /// the balloon and requests a close action.

      /// </summary>

      private void imgClose_MouseDown(object sender, MouseButtonEventArgs e)

      {

        //the tray icon assigned this attached property to simplify access

        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;

      }

   }

}

using System.Windows.Controls.Primitives;

                var balloon=new PithosBalloon{BalloonText=notification.Message};

                tv.TaskbarView.ShowCustomBalloon(balloon,PopupAnimation.Fade,4000);

//				tv.TaskbarView.ShowBalloonTip(notification.Title, notification.Message, icon);