WPF多点触摸放大缩小旋转

原文: WPF多点触摸放大缩小旋转

版权声明:本文为博主原创文章,需要转载尽管转载。 https://blog.csdn.net/z5976749/article/details/40118437

如果要方法缩小一个canvas,或图片:

<Canvas x:Name="picShow" ClipToBounds="True" Canvas.Left="0" Canvas.Top="0" Height="509" Width="720">
        <i:Interaction.Behaviors>
            <ei:TranslateZoomRotateBehavior x:Name="eiPic" TranslateFriction="0.1" RotationalFriction="0.1"/>
        </i:Interaction.Behaviors>
        <Image x:Name="image1" Height="410" Canvas.Left="45" Source="" Canvas.Top="42" Width="629"/>
</Canvas>
只要在控件中添加<i:Interaction.Behaviors>  <ei:TranslateZoomRotateBehavior/> </i:Interaction.Behaviors> 就可以拉伸改控件。

如果在canvas中添加该行为则可拉伸canvas中所有控件。

TranslateFriction是移动摩擦力,RotationalFriction是旋转摩擦力。

eiPic.SupportedGestures = ManipulationModes.None;  //控制是否移动
ManipulationModes中还可以控制控件的移动方向和单方向移动。


posted on 2018-09-22 00:40 NET未来之路 阅读( ...) 评论( ...) 编辑 收藏

转载于:https://www.cnblogs.com/lonelyxmas/p/9689164.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
WPF中,想要实现图片的放大缩小并且带有滚动条的效果,可以使用ScrollViewer控件结合Image控件来实现。 首先,在XAML文件中,我们可以使用如下代码定义一个ScrollViewer控件,并将其中的内容设置为一个Image控件: ``` <ScrollViewer> <Image x:Name="myImage" Source="your_image_source" Stretch="None" /> </ScrollViewer> ``` 在代码中,我们给ScrollViewer控件添加了一个Image子控件,并将其Stretch属性设置为"None",这样可以保证图片不会自动缩放。 接下来,在代码中,我们可以使用ScaleTransform控件来对图片进行放大缩小操作。例如,我们可以添加两个Button控件分别用于放大缩小图片,并在点击时修改图片的ScaleX和ScaleY属性: ``` <Button Content="放大" Click="ZoomIn_Click" /> <Button Content="缩小" Click="ZoomOut_Click" /> private void ZoomIn_Click(object sender, RoutedEventArgs e) { myImage.LayoutTransform = new ScaleTransform(1.2, 1.2); } private void ZoomOut_Click(object sender, RoutedEventArgs e) { myImage.LayoutTransform = new ScaleTransform(0.8, 0.8); } ``` 在上述代码中,我们使用ScaleTransform控件的构造函数分别设置了放大缩小的比例。 此外,当图片放大到超过ScrollViewer的可见区域时,我们希望能够出现滚动条以便浏览整个图片。这可以通过将ScrollViewer的HorizontalScrollBarVisibility和VerticalScrollBarVisibility属性设置为"Auto"来实现。例如: ``` <ScrollViewer HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Auto"> <Image x:Name="myImage" Source="your_image_source" Stretch="None" /> </ScrollViewer> ``` 这样,当图片放大到超过ScrollViewer可见区域时,会自动出现水平和垂直滚动条。 综上所述,我们通过结合ScrollViewer和Image控件,并使用ScaleTransform实现了图片的放大缩小效果,并通过设置滚动条的可见性来实现了滚动功能。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值