C# 4 and .NET 4

WPF ❘ ChaPTer 35 cOre wpf
TransformaTion
Because WPF is vector-based, you can resize every element. The vector-based graphics are now scaled,
rotated, and skewed. Hit testing (for example with mouse moves and mouse clicks) is still working without
the need for manual position calculation.
Adding the ScaleTransform element to the LayoutTransform property of the Canvas element, as shown,
resizes the content of the complete canvas by 2 in the X and Y directions:
code snippet TransformationDemo/MainWindow.xaml
Rotation can be done in a similar way as scaling. Using the RotateTransform element you can define the
Angle for the rotation:
For skewing, you can use the SkewTransform element. With skewing you can assign angles for the X and Y
directions:
To rotate and skew together, it is possible to define a TransformGroup that contains both
RotateTransform and SkewTransform. It is also possible to define a MatrixTransform where the Matrix
element specifies the properties M11 and M22 for stretch and M12 and M21 for skew:
Figure 35-7 shows the results of all the transformations. The figures are placed inside a StackPanel.
Starting from the left side, the first figure is resized, the second figure rotated, the third figure skewed, and
the fourth figure uses a matrix for its transformation. To see the difference more easily, the Background
property of the Canvas elements are set to different colors.
figure 35-7
www.it-ebooks.info