Krzysztof Mossakowski
Windows Programming
2009 - Tasks
WPF: controls & layout
Layout exercises
3 images transition animations as demonstrated on the screenshots:
1
Hints:
animate the Clip property
set the Clip as a PathFigure using 4 LineSegments
PathGeometry, PathGeometry.Figures, PathFigure, PathFigure.Segments, LineSegment
Storyboard, PointAnimation
2
Hints:
animate the OpacityMask property
OpacityMask, LinearGradientBrush, GradientStop
colours: #FF000000 is opaque, #00000000 is transparent
Storyboard, DoubleAnimation or DoubleAnimationUsingKeyFrames
3
(The image increases its size and rotates from 0 to 360 degrees.)
Hints:
use an ImageBrush and animate its RelativeTransform property
ImageBrush, ImageBrush.RelativeTransform, TransformGroup, RotateTransform, ScaleTransform
Storyboard, DoubleAnimation
It can be assumed that the window is not resizable and images have constant size.
Approximate points:
controls, layout, images: 1.0
3.0 per animation
Links for uploading:
Solutions
Corrections