Zoom_In & Zoom_Out图像在画布上的应用

Question

我已经使用下面的代码来拖放画布上的图像，在点击缩放的帮助下，我可以通过触摸将图像缩放到选项卡上。但是我想用鼠标在桌面上做同样的事情。有可能。我是新的UWP编程，所以请帮助我。

                         void Drag_ManipulationDelta1(object sender, ManipulationDeltaRoutedEventArgs e)
    {
        // Move the rectangle.
        //dragTranslation.X += e.Delta.Translation.X;
        //dragTranslation.Y += e.Delta.Translation.Y;
        TextBlock text = sender as TextBlock;
        CompositeTransform ct1 = text.RenderTransform as CompositeTransform;
        ct1.ScaleX *= e.Delta.Scale;
        ct1.ScaleY *= e.Delta.Scale;

        if (ct1.ScaleX < 1.0) ct1.ScaleX = 1.0;
        if (ct1.ScaleY < 1.0) ct1.ScaleY = 1.0;
        if (ct1.ScaleX > 4.0) ct1.ScaleX = 4.0;
        if (ct1.ScaleY > 4.0) ct1.ScaleY = 4.0;
        //Checking with canvas boundary so that image wont go behind canvas
        if ((ct1.TranslateX + e.Delta.Translation.X) <= (my_canvas.ActualWidth - text.ActualWidth) && ct1.TranslateX + e.Delta.Translation.X >= 0)
            ct1.TranslateX += e.Delta.Translation.X;
        if ((ct1.TranslateY + e.Delta.Translation.Y) <= (my_canvas.ActualHeight - text.ActualHeight) && ct1.TranslateY + e.Delta.Translation.Y >= 0)
            ct1.TranslateY += e.Delta.Translation.Y;
        if ((ct1.TranslateX + e.Delta.Translation.X) <= (my_canvas.ActualWidth - text.MinWidth) && ct1.TranslateX + e.Delta.Translation.X >= 1150)
            ct1.TranslateX -= e.Delta.Translation.X;
        if ((ct1.TranslateY + e.Delta.Translation.Y) <= (my_canvas.ActualHeight - text.MinHeight) && ct1.TranslateY + e.Delta.Translation.Y >= 500)
            ct1.TranslateY -= e.Delta.Translation.Y;

    } 


              // DRag and drop the images on canvas
                imageitem.ManipulationMode = ManipulationModes.All;
                imageitem.ManipulationDelta += Drag_ManipulationDelta;
                CompositeTransform ct = new CompositeTransform();
                imageitem.RenderTransform = ct;

Answer 1

是的，有可能

向图像中添加Doubletapped事件；

   bool isZoomed = false;
        private void image_DoubleTapped(object sender, DoubleTappedRoutedEventArgs e)
                {
                    Image img = sender as Image;
                    CompositeTransform ct = img.RenderTransform as CompositeTransform;
                    if (!isZoomed)
                    {

                        ct.ScaleX = 4.0;
                        ct.ScaleY = 4.0;
                        isZoomed = true;
                    }
                    else
                    {
                        ct.ScaleX = 1.0;
                        ct.ScaleY =1.0;
                        isZoomed = false;

                    }           
   }

注册PointerWheelChanged event，您可以更改scaleTHreshold值

double scalevalue = 0.0;
        double scaleTHreshold = 4.0;
        private void image_PointerWheelChanged(object sender, PointerRoutedEventArgs e)
        {
            Image img = sender as Image;
            CompositeTransform ct = img.RenderTransform as CompositeTransform;
            if (!isZoomed && scalevalue<=scaleTHreshold)
            {

                ct.ScaleX = ++scalevalue;
                ct.ScaleY = scalevalue;
                if(scalevalue==scaleTHreshold)
                isZoomed = true;
            }
            else 
            {
                if (--scalevalue == 0.0)
                {
                    isZoomed = false;
                    return;
                }
                ct.ScaleX = scalevalue;
                ct.ScaleY = scalevalue;


            }
        }