|
222 | 222 | <EasingDoubleKeyFrame KeyTime="0:0:1.4" Value="360"/> |
223 | 223 | </DoubleAnimationUsingKeyFrames> |
224 | 224 | </Storyboard> |
| 225 | + <Storyboard x:Key="AnimMessage"> |
| 226 | + <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="GridMessage"> |
| 227 | + <EasingDoubleKeyFrame KeyTime="0" Value="0"/> |
| 228 | + <EasingDoubleKeyFrame KeyTime="0:0:0.5" Value="1"> |
| 229 | + <EasingDoubleKeyFrame.EasingFunction> |
| 230 | + <PowerEase EasingMode="EaseOut"/> |
| 231 | + </EasingDoubleKeyFrame.EasingFunction> |
| 232 | + </EasingDoubleKeyFrame> |
| 233 | + </DoubleAnimationUsingKeyFrames> |
| 234 | + <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.Y)" Storyboard.TargetName="GridMessage"> |
| 235 | + <EasingDoubleKeyFrame KeyTime="0" Value="-50"/> |
| 236 | + <EasingDoubleKeyFrame KeyTime="0:0:0.5" Value="0"> |
| 237 | + <EasingDoubleKeyFrame.EasingFunction> |
| 238 | + <PowerEase EasingMode="EaseOut"/> |
| 239 | + </EasingDoubleKeyFrame.EasingFunction> |
| 240 | + </EasingDoubleKeyFrame> |
| 241 | + </DoubleAnimationUsingKeyFrames> |
| 242 | + </Storyboard> |
| 243 | + <Storyboard x:Key="AnimMessageClose"> |
| 244 | + <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="GridMessage"> |
| 245 | + <EasingDoubleKeyFrame KeyTime="0" Value="1"/> |
| 246 | + <EasingDoubleKeyFrame KeyTime="0:0:0.5" Value="0"> |
| 247 | + <EasingDoubleKeyFrame.EasingFunction> |
| 248 | + <PowerEase EasingMode="EaseOut"/> |
| 249 | + </EasingDoubleKeyFrame.EasingFunction> |
| 250 | + </EasingDoubleKeyFrame> |
| 251 | + </DoubleAnimationUsingKeyFrames> |
| 252 | + <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.Y)" Storyboard.TargetName="GridMessage"> |
| 253 | + <EasingDoubleKeyFrame KeyTime="0" Value="0"/> |
| 254 | + <EasingDoubleKeyFrame KeyTime="0:0:0.5" Value="-50"> |
| 255 | + <EasingDoubleKeyFrame.EasingFunction> |
| 256 | + <PowerEase EasingMode="EaseOut"/> |
| 257 | + </EasingDoubleKeyFrame.EasingFunction> |
| 258 | + </EasingDoubleKeyFrame> |
| 259 | + </DoubleAnimationUsingKeyFrames> |
| 260 | + </Storyboard> |
225 | 261 | </Window.Resources> |
226 | 262 | <Window.Background> |
227 | 263 | <StaticResource ResourceKey="BackgroundGrayVeryLight"/> |
|
230 | 266 | <EventTrigger RoutedEvent="FrameworkElement.Loaded"> |
231 | 267 | <BeginStoryboard Storyboard="{StaticResource AnimStartup}"/> |
232 | 268 | <BeginStoryboard Storyboard="{StaticResource AnimConnecting}"/> |
| 269 | + <BeginStoryboard Storyboard="{StaticResource AnimMessage}"/> |
| 270 | + <BeginStoryboard Storyboard="{StaticResource AnimMessageClose}"/> |
233 | 271 | </EventTrigger> |
234 | 272 | </Window.Triggers> |
235 | 273 | <Grid> |
|
247 | 285 | <RowDefinition Height="25"/> |
248 | 286 | <RowDefinition Height="100"/> |
249 | 287 | </Grid.RowDefinitions> |
| 288 | + <Grid x:Name="GridMessage" Grid.Row="0" VerticalAlignment="Top" Height="40" Background="{StaticResource BackgroundGrayLight}" Visibility="Hidden" RenderTransformOrigin="0.5,0.5"> |
| 289 | + <Grid.RenderTransform> |
| 290 | + <TransformGroup> |
| 291 | + <ScaleTransform/> |
| 292 | + <SkewTransform/> |
| 293 | + <RotateTransform/> |
| 294 | + <TranslateTransform/> |
| 295 | + </TransformGroup> |
| 296 | + </Grid.RenderTransform> |
| 297 | + |
| 298 | + <Grid.ColumnDefinitions> |
| 299 | + <ColumnDefinition Width="*"></ColumnDefinition> |
| 300 | + <ColumnDefinition Width="35"></ColumnDefinition> |
| 301 | + </Grid.ColumnDefinitions> |
| 302 | + |
| 303 | + <Label x:Name="LabelMessage" Grid.Column="0" Padding="0" HorizontalAlignment="Center" VerticalAlignment="Center" Content="Message content" FontFamily="{StaticResource SegoeUI}" FontWeight="Normal" FontSize="13" Foreground="Black"></Label> |
| 304 | + <Viewbox x:Name="ButtonCloseMessage" Width="25" Height="25" HorizontalAlignment="Left" Grid.Column="1" Cursor="Hand" PreviewMouseDown="ButtonCloseMessage_PreviewMouseDown" > |
| 305 | + <Canvas Width="24" Height="24" Background="{StaticResource BackgroundGrayLight}"> |
| 306 | + <Path Data="M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z" Fill="{StaticResource BackgroundRedDark}" /> |
| 307 | + </Canvas> |
| 308 | + </Viewbox> |
| 309 | + </Grid> |
250 | 310 | <Grid x:Name="GridStateLogoDisconnected" Grid.Row="0" VerticalAlignment="Bottom" RenderTransformOrigin="0.5,0.5" Visibility="Visible"> |
251 | 311 | <Grid.RenderTransform> |
252 | 312 | <TransformGroup> |
|
0 commit comments