SilverLight五大变形金刚

1.RotateTransform:在二维 x-y 坐标系内围绕指定点顺时针旋转对象

Angle:旋转角度

CenterX:旋转中心X坐标

CenterY:旋转中心Y坐标

 如:<Rectangle Width="100" Height="80" Fill="Red">
            <Rectangle.RenderTransform>
                <TransformGroup>
                 <RotateTransform Angle="45" CenterX="100" CenterY="100"/>
                </TransformGroup>
            </Rectangle.RenderTransform>
        </Rectangle>

2.ScaleTransform:在二维x-y坐标系内缩放对象

ScaleX:X轴缩放比例

ScaleY:Y轴缩放比例

如:<Rectangle Width="100" Height="80" Fill="Red">
            <Rectangle.RenderTransform>
                <TransformGroup>
                    <ScaleTransform ScaleX="0.8" ScaleY="0.9"></ScaleTransform>
                </TransformGroup>
            </Rectangle.RenderTransform>
        </Rectangle>

3.TranslateTransform:在二维x-y坐标系内平移对象

X:在X轴平移的像素数

Y:在Y轴平移的像素数

如: <Rectangle Width="100" Height="80" Fill="Red">
            <Rectangle.RenderTransform>
                <TransformGroup>
                    <TranslateTransform X="100" Y="20"></TranslateTransform>
                </TransformGroup>
            </Rectangle.RenderTransform>
        </Rectangle>

4.SkewTransform:表示一种二维扭曲

AngleX:在X轴扭曲的角度

AngleY:在Y轴扭曲的角度

 如:<Rectangle Width="100" Height="80" Fill="Red">
            <Rectangle.RenderTransform>
                <TransformGroup>
                    <SkewTransform AngleX="30" AngleY="30"></SkewTransform>
                </TransformGroup>
            </Rectangle.RenderTransform>
        </Rectangle>

5.CompositeTransform:可以应用各种混合变换效果的对象

Rotation:旋转角度

ScaleX:在X轴缩放比例

ScaleY:在Y轴缩放比例

SkewX:在X轴扭曲角度

SkewY:在Y轴扭曲角度

TranslateX:在X轴平移距离

TranslateY:在Y轴平移距离

如:<Rectangle Width="100" Height="80" Fill="Red">
            <Rectangle.RenderTransform>
                <CompositeTransform Rotation="30" ScaleX="0.8" ScaleY="0.8" SkewX="30" SkewY="30" TranslateX="20" TranslateY="20"></CompositeTransform>
            </Rectangle.RenderTransform>
        </Rectangle>

你可能感兴趣的:(silverlight)