如何借助xaml中的两个不同按钮放大和缩小图像

本文关键字:按钮 放大 图像 缩小 两个 xaml 何借助 | 更新日期: 2023-09-27 18:30:08

我正在开发一个Windows商店应用程序,我的XAML页面上有一个图像和一个加号和减号按钮。我希望当用户点击加号按钮时,当他点击减号按钮时,图像应该放大和缩小。有了ScrollViewer,我可以做到,但按钮不行。有人能帮忙吗?

如何借助xaml中的两个不同按钮放大和缩小图像

您需要一个ScrollViewer作为基础:

<ScrollViewer
    x:Name="MySCrollView"
    VerticalScrollMode="Auto"
    HorizontalScrollMode="Auto"
    ZoomMode="Enabled">
    <Image />
</ScrollViewer>

在您的点击事件中放入以下代码。

放大:

MyScrollViewer.ChangeView(MyScrollViewer.HorizontalOffset, MyScrollViewer.VerticalOffset, MyScrollViewer.ZoomFactor + 0.1f);

缩小:

MyScrollViewer.ChangeView(MyScrollViewer.HorizontalOffset, MyScrollViewer.VerticalOffset, MyScrollViewer.ZoomFactor - 0.1f);

0.1f是您的缩放步长。可能需要调整缩放中心的偏移量。