标签:
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>
Windows Store App 中使用Scrollviewer实现缩放功能
标签:
原文地址:http://www.cnblogs.com/Nomo-chow/p/4340818.html