#479 – Using a Layout Transform on Child Elements in a Canvas
January 24, 2012 1 Comment
You can use a LayoutTransform on child elements of a Canvas to transform them graphically. Specifically, you can use a RotateTransform, ScaleTransform or SkewTransform. (Translation transforms are ignored).
<Canvas> <Button Content="Hopalong Cassidy" Canvas.Left="10" Canvas.Top="10"> <Button.LayoutTransform> <RotateTransform Angle="45"/> </Button.LayoutTransform> </Button> <Button Content="Roy Rogers" Canvas.Right="10" Canvas.Top="10"> <Button.LayoutTransform> <TransformGroup> <ScaleTransform ScaleX="2.0"/> <RotateTransform Angle="-45"/> </TransformGroup> </Button.LayoutTransform> </Button> <Button Content="Spade Cooley" Canvas.Left="10" Canvas.Bottom="10"> <Button.LayoutTransform> <SkewTransform AngleX="20"/> </Button.LayoutTransform> </Button> </Canvas>