WPF图片(Image)或布局的缩放和旋转(TransformGroup与Transform)
WPF图片(Image)或布局的缩放和旋转(TransformGroup与Transform)
码客说
发布于 2024-06-01 10:22:05
发布于 2024-06-01 10:22:05
同时缩放和旋转
在做缩放和旋转的时候 我们可以使用两种方式
- 目标本身的旋转和缩放
- 使用
Transform旋转和缩放
因为我这里还有画板，并且画板和图片要始终对应，所以使用Transform相对就比较简单。
注意
不要两种方式并存，比如缩放是改的目标本身的宽高，而旋转使用
Transform，会导致实际效果和预期不符。
布局
<Grid
Name="OuterGrid"
ClipToBounds="True">
<Grid
x:Name="MGridImage"
VerticalAlignment="Center"
HorizontalAlignment="Center"
RenderTransformOrigin="0.5,0.5">
<Image
Margin="0,0,0,0"
Stretch="Uniform"
Source="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type local:UcBlackbord}}, Path=AnsPic}">
</Image>
<InkCanvas
x:Name="BlackboardCanvas"
Background="Transparent" />
</Grid>
</Grid>其中
RenderTransformOrigin="0.5,0.5"保证旋转的时候是按照中心旋转的。
代码
private double _rotationAngle;
private void RotateGrid()
{
_rotationAngle += 90;
if (_rotationAngle - 360 == 0)
{
_rotationAngle = 0;
}
TransformAction();
}
private void ZoomGrid()
{
if (OuterGrid.ActualWidth != 0)
{
TransformAction();
}
}
private void TransformAction()
{
double zoom = _pageData.Zoom;
ScaleTransform scaleTransform = new ScaleTransform(zoom, zoom);
RotateTransform rotateTransform = new RotateTransform(_rotationAngle);
TransformGroup transformGroup = new TransformGroup();
transformGroup.Children.Add(scaleTransform);
transformGroup.Children.Add(rotateTransform);
MGridImage.RenderTransform = transformGroup;
}放大
if (_pageData.Zoom < 2)
{
_pageData.Zoom += 0.2;
}
ZoomGrid();缩小
if (_pageData.Zoom > 0.6)
{
_pageData.Zoom -= 0.2;
}
ZoomGrid();只旋转
private double _rotationAngle = 90;
RotateTransform rotateTransform = new RotateTransform(_rotationAngle);
MGridImage.RenderTransform = rotateTransform;只缩放
private double zoom = 1.2;
ScaleTransform scaleTransform = new ScaleTransform(zoom, zoom);
MGridImage.RenderTransform = scaleTransform;本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
原始发表：2024-05-31，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录