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

【问题标题】：How to zoomin and zoomout an image with help of two different buttons in xaml?如何借助 xaml 中的两个不同按钮放大和缩小图像？
【发布时间】：2014-11-12 14:14:55
【问题描述】：

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

【问题讨论】：

用按钮做这件事有什么问题？
我不知道在放大和缩小的按钮单击事件中放置什么。我正在尝试调用滚动查看器，但它似乎不起作用。

标签： c# xaml winrt-xaml windows-8.1

【解决方案1】：

您需要一个 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 是您的缩放步长。可能您需要调整缩放居中的偏移量。

【讨论】：

它不是水平滚动的。
我希望该用户不能缩小超过原始图像。
如果我还有一个按钮可以在用户点击它时显示原始图像。它不取决于图像是否放大。我该如何实现？
我假设您需要将 ZoomFactor 设置为 1。
对于scrollviewer，在我的点击事件中？