Windows Store App 中使用Scrollviewer实现缩放功能

Windows Store App中可以直接使用Scrollviewer实现缩放功能，基本代码如下：

<ScrollViewer Background="Yellow" HorizontalScrollBarVisibility="Visible" MaxZoomFactor="2" MinZoomFactor="0.5" VerticalScrollBarVisibility="Visible" ZoomMode="Enabled"> <Image Source="http://wimg.spriteapp.cn/ugc/2015/03/12/5501b5d62e945_1.jpg" Width="300" /> </ScrollViewer>

用法很简单，但是有一个地方需要注意的是，如果ScrollViewer的Content中直接包含的是Grid容器，Grid中再包含其他子控件的话，需要设置Grid的HorizontalAlignment="Center" 和 VerticalAlignment="Center"，不然缩放会出现问题。

具体代码：

<ScrollViewer Background="Yellow" HorizontalScrollBarVisibility="Visible" MaxZoomFactor="2" MinZoomFactor="0.5" VerticalScrollBarVisibility="Visible" ZoomMode="Enabled"> <Grid HorizontalAlignment="Center" VerticalAlignment="Center"> <Image Source="http://wimg.spriteapp.cn/ugc/2015/03/12/5501b5d62e945_1.jpg" Width="300" /> </Grid> </ScrollViewer>

 

转载于:https://www.cnblogs.com/Nomo-chow/p/4340818.html

相关资源：JAVA上百实例源码以及开源项目