Version
[pithos-ms-client] / trunk / Pithos.Client.WPF / Shell / PithosBalloon.xaml
1 <UserControl x:Class="Pithos.Client.WPF.Shell.PithosBalloon"\r
2              xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"\r
3              xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"\r
4              xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" \r
5              xmlns:d="http://schemas.microsoft.com/expression/blend/2008" \r
6              mc:Ignorable="d" \r
7              xmlns:tb="http://www.hardcodet.net/taskbar"\r
8              Width="250"\r
9              xmlns:my="clr-namespace:Pithos.Client.WPF.Shell" >\r
10     <UserControl.Resources>\r
11         <Storyboard x:Key="FadeIn">\r
12             <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="grid" Storyboard.TargetProperty="(UIElement.Opacity)">\r
13                 <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/>\r
14                 <SplineDoubleKeyFrame KeyTime="00:00:01" Value="0.95"/>\r
15                 <SplineDoubleKeyFrame KeyTime="00:00:03" Value="0.95"/>\r
16                 <!--             <SplineDoubleKeyFrame KeyTime="00:00:05" Value="0"/>-->\r
17             </DoubleAnimationUsingKeyFrames>\r
18         </Storyboard>\r
19         <Storyboard x:Key="HighlightCloseButton">\r
20             <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="imgClose" Storyboard.TargetProperty="(UIElement.Opacity)">\r
21                 <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0.4"/>\r
22                 <SplineDoubleKeyFrame KeyTime="00:00:00.3000000" Value="1"/>\r
23             </DoubleAnimationUsingKeyFrames>\r
24         </Storyboard>\r
25         <Storyboard x:Key="FadeCloseButton">\r
26             <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="imgClose" Storyboard.TargetProperty="(UIElement.Opacity)">\r
27                 <SplineDoubleKeyFrame KeyTime="00:00:00" Value="1"/>\r
28                 <SplineDoubleKeyFrame KeyTime="00:00:00.3000000" Value="0.4"/>\r
29             </DoubleAnimationUsingKeyFrames>\r
30         </Storyboard>\r
31         <Storyboard x:Key="FadeBack">\r
32             <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="grid" Storyboard.TargetProperty="(UIElement.Opacity)">\r
33                 <SplineDoubleKeyFrame KeyTime="00:00:00" Value="1"/>\r
34                 <SplineDoubleKeyFrame KeyTime="00:00:00.3000000" Value="1"/>\r
35             </DoubleAnimationUsingKeyFrames>\r
36         </Storyboard>\r
37         <Storyboard x:Key="FadeOut" Completed="OnFadeOutCompleted" >\r
38             <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="grid" Storyboard.TargetProperty="(UIElement.Opacity)">\r
39                 <SplineDoubleKeyFrame KeyTime="00:00:00" Value="1"/>\r
40                 <SplineDoubleKeyFrame KeyTime="00:00:00.3000000" Value="0.2"/>\r
41             </DoubleAnimationUsingKeyFrames>\r
42         </Storyboard>\r
43         <my:BalloonIconConverter x:Key="BalloonConverter" />\r
44     </UserControl.Resources>\r
45     <UserControl.Triggers>\r
46         <EventTrigger RoutedEvent="tb:TaskbarIcon.BalloonShowing">\r
47             <BeginStoryboard Storyboard="{StaticResource FadeIn}" x:Name="FadeIn_BeginStoryboard"/>\r
48         </EventTrigger>\r
49         <EventTrigger RoutedEvent="Mouse.MouseEnter" SourceName="imgClose">\r
50             <BeginStoryboard Storyboard="{StaticResource HighlightCloseButton}" x:Name="HighlightCloseButton_BeginStoryboard"/>\r
51         </EventTrigger>\r
52         <EventTrigger RoutedEvent="Mouse.MouseLeave" SourceName="imgClose">\r
53             <BeginStoryboard Storyboard="{StaticResource FadeCloseButton}" x:Name="FadeCloseButton_BeginStoryboard"/>\r
54         </EventTrigger>\r
55         <EventTrigger RoutedEvent="Mouse.MouseEnter">\r
56             <StopStoryboard BeginStoryboardName="FadeIn_BeginStoryboard"/>\r
57             <BeginStoryboard x:Name="FadeBack_BeginStoryboard1" Storyboard="{StaticResource FadeBack}"/>\r
58         </EventTrigger>\r
59         <EventTrigger RoutedEvent="tb:TaskbarIcon.BalloonClosing">\r
60             <BeginStoryboard Storyboard="{StaticResource FadeOut}" x:Name="FadeOut_BeginStoryboard"/>\r
61         </EventTrigger>\r
62     </UserControl.Triggers>\r
63     <Grid x:Name="grid" MouseEnter="grid_MouseEnter" >\r
64         <Grid.ColumnDefinitions>\r
65             <ColumnDefinition Width="Auto"/>\r
66             <ColumnDefinition Width="*"/>\r
67             <ColumnDefinition Width="Auto"/>\r
68         </Grid.ColumnDefinitions>\r
69         <Grid.RowDefinitions>\r
70             <RowDefinition Height="30" MaxHeight="30" />\r
71             <RowDefinition Height="Auto" MinHeight="50" />\r
72         </Grid.RowDefinitions>\r
73         <Border Grid.RowSpan="2" Grid.ColumnSpan="3" Grid.Row="0" Grid.Column="0"\r
74         HorizontalAlignment="Stretch" \r
75         Margin="5"\r
76         BorderThickness="1,1,1,1"\r
77         BorderBrush="#FF379991">\r
78             <Border.Effect>\r
79                 <DropShadowEffect Color="#FF747474"/>\r
80             </Border.Effect>\r
81             <Border.Background>\r
82                 <LinearGradientBrush\r
83             EndPoint="0.5,1"\r
84             StartPoint="0.5,0">\r
85                     <GradientStop\r
86               Color="#4085A5"\r
87               Offset="0" />\r
88                     <GradientStop\r
89               Color="#D7E8F0"\r
90               Offset="1" />\r
91                 </LinearGradientBrush>\r
92             </Border.Background>\r
93         </Border>\r
94         <StackPanel Grid.Column="0" Grid.Row="0" Grid.RowSpan="2" VerticalAlignment="Stretch">\r
95             <Image \r
96     HorizontalAlignment="Left"\r
97     Margin="10,17,10,0"\r
98     Width="48"    \r
99     Stretch="None" Height="48" VerticalAlignment="Top" \r
100             Source="/Images/Info.png"/>\r
101 \r
102 \r
103         </StackPanel>\r
104         <TextBlock Grid.Row="1" Grid.Column="1" Grid.ColumnSpan="2"\r
105                     Margin="0,5,10,10"\r
106                     VerticalAlignment="Top"\r
107                     Foreground="Black" \r
108                     TextWrapping="Wrap" \r
109                    Text="{Binding Message,FallbackValue='This is  a  message'}"                    \r
110                    Width="Auto"   Grid.RowSpan="2" MouseDown="TextBlock_MouseDown"\r
111                    >\r
112         </TextBlock>\r
113 \r
114         <Path Grid.Column="1" Fill="#FFFFFFFF"\r
115        Stretch="Fill"\r
116        Margin="0,34,34,0"\r
117        VerticalAlignment="Top"\r
118        Height="1"\r
119        Data="M26,107 L220.04123,107" SnapsToDevicePixels="True">\r
120             <Path.Stroke>\r
121                 <LinearGradientBrush\r
122           EndPoint="0.973,0.5"\r
123           StartPoint="0.005,0.5">\r
124                     <GradientStop\r
125             Color="#0025ECDD"\r
126             Offset="1" />\r
127                     <GradientStop\r
128             Color="#8725ECDD"\r
129          Offset="0" />\r
130                 </LinearGradientBrush>\r
131             </Path.Stroke>\r
132         </Path>\r
133         <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"/>\r
134         <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"/>\r
135     </Grid>\r
136 </UserControl>\r