2

我正在尝试使用滑块来控制任何图像的放大和缩小。

我写了一个代码:

  private void image1_MouseMove(object sender, MouseEventArgs e)
        {
           if (!image1.IsMouseCaptured) return;
            var tt = (TranslateTransform)((TransformGroup)
      image1.RenderTransform).Children.First(tr => tr is TranslateTransform);
            Vector v = start - e.GetPosition(border1);
            tt.X = origin.X - v.X;
            tt.Y = origin.Y - v.Y;
        }

在这里它工作正常。使用鼠标滚动。但我想将滑块用于相同的功能。

但无法使用滑块进行鼠标滚动等相同行为。我对 WPF 及其控件非常陌生,因此非常感谢任何有关细节的帮助。

如何使用滑块实现与放大相同的功能?

4

2 回答 2

3

经过大量研究和编码后,我发现它是一个非常简单的应用程序和非常简单的编码,可以使用滑块放大和缩小图像。您需要在您选择的区域放置一个滑块。并输入以下代码。

private void slider1_ValueChanged(object sender, RoutedPropertyChangedEventArgs<double> e)
    {
        TransformGroup transformGroup = (TransformGroup)image1.RenderTransform;
        ScaleTransform transform = (ScaleTransform)transformGroup.Children[0];

        double zoom = e.NewValue; 
        transform.ScaleX = zoom;
        transform.ScaleY = zoom;
    }

现在我已经有了代码,以便使用鼠标滚轮放大和放大图像。

    private void image1_MouseWheel(object sender, MouseWheelEventArgs e)
    {
        TransformGroup transformGroup = (TransformGroup)image1.RenderTransform;
        ScaleTransform transform = (ScaleTransform)transformGroup.Children[0];

        double zoom = e.Delta > 0 ? .2 : -.2;
        transform.ScaleX += zoom;
        transform.ScaleY += zoom;

        slider1.Value += zoom; 
    }

现在当你放

   slider1.value += zoom;

然后鼠标滚轮的变化和滑块的变化会改变图片的缩放比例。

记住鼠标滚轮和滑块在实现上的区别。在鼠标滚轮 MouseWheelEventsArgs "e" 和 e.Delte 值的正负取决于鼠标滚轮向上或鼠标滚轮向下。但在Slider RoutedPropertyChangesEventsArgs 值是正数还是负数根据sldier 上下。您无需在此处指定。只是

 zoom = e.NewValue;

我希望它会有所帮助。

于 2012-07-09T13:37:37.857 回答
1

您必须在代码中编写 ScaleTransform。这是我执行此操作的代码的一部分,我没有把所有东西都放好,但它是你的基础。

对于滑块,您必须将缩放属性绑定到滑块的值。

  private double m_dCurZoom = 1.0;
  private ScaleTransform m_transZoom;
  public ScaleTransform TransZoom
  {
     get { return m_transZoom; }
  }

  private TranslateTransform m_transPan;

  public double Zoom
  {
     get { return m_dCurZoom; }
     set
     {
        double oldzoom = m_dCurZoom;
        if (m_dCurZoom != value)
        {
           m_dCurZoom = value;
           OnPropertyChanged("Zoom");
           UpdateZoom(oldzoom);
        }
     }
  }

  public void UpdateZoom(double oldzoom)
  {
     // Are we visible?
     if (m_root == null)
        return;

     // Get parent
     FrameworkElement parent = GetRootParent();
     if (parent == null)
         return;

     // Center point of the window
     Point ptCenter = new Point(parent.RenderSize.Width / 2, parent.RenderSize.Height / 2);

     // Translate into canvas coordinates
     ptCenter = m_root.TranslatePoint(ptCenter, m_canvas);

     // Update the zoom
     m_transZoom.ScaleX = m_dCurZoom;
     m_transZoom.ScaleY = m_dCurZoom;
     m_transPan.X -= ptCenter.X * m_dCurZoom - ptCenter.X * oldzoom;
     m_transPan.Y -= ptCenter.Y * m_dCurZoom - ptCenter.Y * oldzoom;

     ResizeElementContents();

     OnPropertyChanged("Zoom");
  }
于 2012-06-22T13:25:33.013 回答