Synnefo » Pithos MS Client

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

             Width="250"

             xmlns:my="clr-namespace:Pithos.Client.WPF.Shell" >

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

        <my:BalloonIconConverter x:Key="BalloonConverter" />

    </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 x:Name="grid" MouseEnter="grid_MouseEnter">

        <Grid.ColumnDefinitions>

            <ColumnDefinition Width="Auto"/>

            <ColumnDefinition Width="*"/>

            <ColumnDefinition Width="Auto"/>

        </Grid.ColumnDefinitions>

        <Grid.RowDefinitions>

            <RowDefinition Height="30" MaxHeight="30" />

            <RowDefinition Height="Auto" MinHeight="50" />

        </Grid.RowDefinitions>

        <Border Grid.RowSpan="2" Grid.ColumnSpan="3" Grid.Row="0" Grid.Column="0"

        HorizontalAlignment="Stretch" 

        Margin="5"

        BorderThickness="1,1,1,1"

        BorderBrush="#FF379991">

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

        <StackPanel Grid.Column="0" Grid.Row="0" Grid.RowSpan="2" VerticalAlignment="Stretch">

            <Image 

    HorizontalAlignment="Left"

    Margin="10,17,10,0"

    Width="48"    

    Stretch="None" Height="48" VerticalAlignment="Top" 

            Source="/Images/Info.png"/>

        </StackPanel>

        <TextBlock Grid.Row="1" Grid.Column="1" Grid.ColumnSpan="2"

                    Margin="0,5,10,10"

                    VerticalAlignment="Top"

                    Foreground="Black" 

                    TextWrapping="Wrap" 

                   Text="{Binding Message,FallbackValue='This is  a  message'}"                    

                   Width="Auto"   Grid.RowSpan="2">

        </TextBlock>

        <Path Grid.Column="1" Fill="#FFFFFFFF"

       Stretch="Fill"

       Margin="0,34,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="#0025ECDD"

            Offset="1" />

                    <GradientStop

            Color="#8725ECDD"

         Offset="0" />

                </LinearGradientBrush>

            </Path.Stroke>

        </Path>

        <TextBlock Grid.Column="1" Grid.ColumnSpan="2" Margin="0,10,10,0" VerticalAlignment="Top" Height="23.2" Text="{Binding Path=Title, FallbackValue='Pithos'}" TextWrapping="Wrap" Foreground="White" FontWeight="Bold"/>

        <Image Grid.Column="2" HorizontalAlignment="Right" Margin="0,10,10,0" VerticalAlignment="Top" Width="16" Height="16" Source="/Images/Close.png" Stretch="Fill" Opacity="0.7" ToolTip="Close Balloon" x:Name="imgClose" MouseDown="imgClose_MouseDown"/>

    </Grid>

</UserControl>