XAML 绕中心旋转图像

quhf5bfb  于 2023-08-01  发布在  其他
关注(0)|答案(1)|浏览(112)

我有一个按钮上的图像,我想旋转时,用户点击它。我都有它的工作。单击时图像可以很好地旋转,但不会围绕其中心旋转。
如何使图像围绕其中心而不是左上角旋转?
下面是我的代码:

<Button Name="btnRefreshPortList"
    Grid.Column="1"
    Margin="10 0 0 0"
    Command="{Binding RefreshPortList}">
                        
    <Image Source="Images/refresh.jpg" 
        Height="15">
        <Image.RenderTransform>
            <RotateTransform x:Name="AnimatedRotateTransform" Angle="0" />
        </Image.RenderTransform>
        <Image.Triggers>
            <EventTrigger RoutedEvent="MouseDown">
                <BeginStoryboard>
                    <Storyboard>
                        <DoubleAnimation Storyboard.TargetName="AnimatedRotateTransform" 
                            Storyboard.TargetProperty="Angle" 
                            By="10"        
                            To="360" 
                            Duration="0:0:0.5" 
                            FillBehavior="Stop" />
                    </Storyboard>
                </BeginStoryboard>
            </EventTrigger>
        </Image.Triggers>
    </Image>
</Button>

字符串

disbfnqx

disbfnqx1#

只需在图像上将RenderTransformOrigin设置为(0.5,0.5)

<Image Source="Images/refresh.jpg" 
    RenderTransformOrigin=".5,.5"
    Height="15">
...

字符串

相关问题