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

Question

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

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