Statistics
| Branch: | Revision:

root / trunk / Pithos.Client.WPF / Shell / PithosBalloon.xaml @ fb9d6e00

History | View | Annotate | Download (6.1 kB)

1
<UserControl x:Class="Pithos.Client.WPF.Shell.PithosBalloon"
2
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
3
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
4
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
5
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
6
             mc:Ignorable="d" 
7
             xmlns:tb="http://www.hardcodet.net/taskbar"
8
             d:DesignHeight="120" d:DesignWidth="240"
9
             Height="120"
10
             Width="240">
11
    <UserControl.Resources>
12
        <Storyboard x:Key="FadeIn">
13
            <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="grid" Storyboard.TargetProperty="(UIElement.Opacity)">
14
                <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/>
15
                <SplineDoubleKeyFrame KeyTime="00:00:01" Value="0.95"/>
16
                <SplineDoubleKeyFrame KeyTime="00:00:03" Value="0.95"/>
17
                <!--             <SplineDoubleKeyFrame KeyTime="00:00:05" Value="0"/>-->
18
            </DoubleAnimationUsingKeyFrames>
19
        </Storyboard>
20
        <Storyboard x:Key="HighlightCloseButton">
21
            <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="imgClose" Storyboard.TargetProperty="(UIElement.Opacity)">
22
                <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0.4"/>
23
                <SplineDoubleKeyFrame KeyTime="00:00:00.3000000" Value="1"/>
24
            </DoubleAnimationUsingKeyFrames>
25
        </Storyboard>
26
        <Storyboard x:Key="FadeCloseButton">
27
            <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="imgClose" Storyboard.TargetProperty="(UIElement.Opacity)">
28
                <SplineDoubleKeyFrame KeyTime="00:00:00" Value="1"/>
29
                <SplineDoubleKeyFrame KeyTime="00:00:00.3000000" Value="0.4"/>
30
            </DoubleAnimationUsingKeyFrames>
31
        </Storyboard>
32
        <Storyboard x:Key="FadeBack">
33
            <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="grid" Storyboard.TargetProperty="(UIElement.Opacity)">
34
                <SplineDoubleKeyFrame KeyTime="00:00:00" Value="1"/>
35
                <SplineDoubleKeyFrame KeyTime="00:00:00.3000000" Value="1"/>
36
            </DoubleAnimationUsingKeyFrames>
37
        </Storyboard>
38
        <Storyboard x:Key="FadeOut" Completed="OnFadeOutCompleted" >
39
            <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="grid" Storyboard.TargetProperty="(UIElement.Opacity)">
40
                <SplineDoubleKeyFrame KeyTime="00:00:00" Value="1"/>
41
                <SplineDoubleKeyFrame KeyTime="00:00:00.3000000" Value="0.2"/>
42
            </DoubleAnimationUsingKeyFrames>
43
        </Storyboard>
44
    </UserControl.Resources>
45
    <UserControl.Triggers>
46
        <EventTrigger RoutedEvent="tb:TaskbarIcon.BalloonShowing">
47
            <BeginStoryboard Storyboard="{StaticResource FadeIn}" x:Name="FadeIn_BeginStoryboard"/>
48
        </EventTrigger>
49
        <EventTrigger RoutedEvent="Mouse.MouseEnter" SourceName="imgClose">
50
            <BeginStoryboard Storyboard="{StaticResource HighlightCloseButton}" x:Name="HighlightCloseButton_BeginStoryboard"/>
51
        </EventTrigger>
52
        <EventTrigger RoutedEvent="Mouse.MouseLeave" SourceName="imgClose">
53
            <BeginStoryboard Storyboard="{StaticResource FadeCloseButton}" x:Name="FadeCloseButton_BeginStoryboard"/>
54
        </EventTrigger>
55
        <EventTrigger RoutedEvent="Mouse.MouseEnter">
56
            <StopStoryboard BeginStoryboardName="FadeIn_BeginStoryboard"/>
57
            <BeginStoryboard x:Name="FadeBack_BeginStoryboard1" Storyboard="{StaticResource FadeBack}"/>
58
        </EventTrigger>
59
        <EventTrigger RoutedEvent="tb:TaskbarIcon.BalloonClosing">
60
            <BeginStoryboard Storyboard="{StaticResource FadeOut}" x:Name="FadeOut_BeginStoryboard"/>
61
        </EventTrigger>
62
    </UserControl.Triggers>
63
    <Grid>
64
        <Border
65
        HorizontalAlignment="Stretch"
66
        Margin="5,5,5,5"
67
        BorderThickness="1,1,1,1"
68
        BorderBrush="#FF997137">
69
         <Border.Effect>
70
             <DropShadowEffect Color="#FF747474"/>
71
         </Border.Effect>
72
         <Border.Background>
73
             <LinearGradientBrush
74
            EndPoint="0.5,1"
75
            StartPoint="0.5,0">
76
                 <GradientStop
77
              Color="#4085A5"
78
              Offset="0" />
79
                 <GradientStop
80
              Color="#D7E8F0"
81
              Offset="1" />
82
             </LinearGradientBrush>
83
         </Border.Background>
84
     </Border>
85
 <Image
86
    HorizontalAlignment="Left"
87
    Margin="0,10,0,0"
88
    Width="48"
89
    Source="/Images/PithosTaskbar.png"
90
    Stretch="None" Height="72" VerticalAlignment="Top" />
91
 <TextBlock
92
    Margin="72,49.2,10,0"
93
    VerticalAlignment="Top"
94
    Foreground="Black"
95
    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>
96
    
97
    <Path
98
       Fill="#FFFFFFFF"
99
       Stretch="Fill"
100
       Margin="72,38.2,34,0"
101
       VerticalAlignment="Top"
102
       Height="1"
103
       Data="M26,107 L220.04123,107" SnapsToDevicePixels="True">
104
        <Path.Stroke>
105
           <LinearGradientBrush
106
          EndPoint="0.973,0.5"
107
          StartPoint="0.005,0.5">
108
               <GradientStop
109
            Color="#00ECAD25"
110
            Offset="1" />
111
               <GradientStop
112
            Color="#87ECAD25"
113
         Offset="0" />
114
                </LinearGradientBrush>
115
            </Path.Stroke>
116
        </Path>
117
        <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"/>
118
        <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"/>
119
    </Grid>
120
</UserControl>