我有一个按钮上的图像,我想旋转时,用户点击它。我都有它的工作。单击时图像可以很好地旋转,但不会围绕其中心旋转。
如何使图像围绕其中心而不是左上角旋转?
下面是我的代码:
<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>
字符串
1条答案
按热度按时间disbfnqx1#
只需在图像上将
RenderTransformOrigin
设置为(0.5,0.5)字符串