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>

 

Windows Store App 中使用Scrollviewer實現縮放功能