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