WPF 精修篇 缩放ScaleTransform

Posted 2021-03-21 lonelyxmas

原文:WPF 精修篇 缩放ScaleTransform

 缩放 ScaleTransform

参数

ScaleX  X轴缩小值 正常为1  

ScaleY Y轴缩小值 正常为1  

CenterY ，CenterX  中心点位置

设置中心点 会按照中心点位置 缩小 

这里 做效果 一个张图片  

左侧设置了 缩小 中心点默认为左上角 

右侧设置了中心点为 X Y各为100  在缩小 会发生位置变化  2张图片来显示区别

    <Grid>
        <StackPanel Orientation="Horizontal">
        <Image Source="Image/Dog.jpg" Width="200" Height="200">
                <Image.RenderTransform>
                    <ScaleTransform ScaleX="0.8" ScaleY="0.8"></ScaleTransform>
                </Image.RenderTransform>
            </Image>
            <Grid>
            <Image Source="Image/Dog.jpg" Width="200" Height="200" Opacity="0.4">
                <Image.RenderTransform>
                    <ScaleTransform   ScaleX="0.8" ScaleY="0.8"></ScaleTransform>
                </Image.RenderTransform>
            </Image>
            <Image Source="Image/Dog.jpg" Width="200" Height="200">
                <Image.RenderTransform>
                    <ScaleTransform  CenterX="100" CenterY="100" ScaleX="0.8" ScaleY="0.8"></ScaleTransform>
                </Image.RenderTransform>
            </Image>
            </Grid>
        </StackPanel>
    </Grid>