windows phone 8 双击图片，图片放大，再点击图片缩小。

最新推荐文章于 2023-04-19 16:04:49 发布

1风之翼

最新推荐文章于 2023-04-19 16:04:49 发布

阅读量688

点赞数 1

分类专栏： window phone 8 移动开发文章标签： windows phone 图片放大缩小

本文链接：https://blog.csdn.net/u012260740/article/details/26749537

版权

window phone 8 移动开发专栏收录该内容

7 篇文章 0 订阅

订阅专栏

在windows phone 8 中我们通常会遇到图片放大缩小的问题，比如，商品的细节问题，需要点击图片放大。

这里我就直接来代码了：

在xaml页面的页头需要先添加引用

 xmlns:tookit="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit"</span>

然后再你的图片位置添加如下代码：

          <Image  x:Name="GoodPhoto" Height="300" Width="393" VerticalAlignment="Center" Grid.Row="0" Source="{Binding GoodPhoto}" Margin="9,-6,0,0">
                <Image.RenderTransform>
                    <CompositeTransform x:Name="compTransform"  CenterX="240" CenterY="364" ScaleX="1" ScaleY="1"/>
                </Image.RenderTransform>
                <tookit:GestureService.GestureListener>
                    <tookit:GestureListener DoubleTap="DoubTap"  DragDelta="DragDelta" />
                </tookit:GestureService.GestureListener>
            </Image>
</span>

最后相应代码的DoubTap，DragDelta 两个事件

      private void DoubTap(object sender, Microsoft.Phone.Controls.GestureEventArgs e)
        {
            if (compTransform.ScaleX != 1 || compTransform.ScaleY != 1)//第二次双击恢复初始状态
            {
                compTransform.ScaleX = compTransform.ScaleY = 1;
                compTransform.TranslateX = 0;
                compTransform.TranslateY = 0;
            }
            else
            {//双击使图片比例放大三倍
                compTransform.ScaleX = compTransform.ScaleY = 2;
                compTransform.TranslateX = 35;
                compTransform.TranslateY = 320;
            }

        }
         //
        private void DragDelta(object sender, DragDeltaGestureEventArgs e)
         {
            if (compTransform.ScaleX == 2 && compTransform.ScaleY == 2)
            {
                compTransform.TranslateX += e.HorizontalChange;
                compTransform.TranslateY += e.VerticalChange;
            }
        }