如何在Silverlight中設置圖像的位置

Question

我有位於ContentPanel中的拖放圖像。 在MouseLeave事件中，我得到圖像的位置，然后需要將其與網格對齊。 嘗試使用Canvas進行此操作，但沒有任何反應。 當我嘗試更改邊距時，位置完全錯誤。

碼：

private void MouseLeave(object sender, MouseEventArgs e)
    {
        Image rs = (Image)sender;
        GeneralTransform gt = rs.TransformToVisual(ContentPanel);
        Point offset = gt.Transform(new Point(0, 0));
        double controlTop = offset.Y;
        double controlLeft = offset.X;
        tb.Text = Convert.ToInt16(controlLeft / 40).ToString();
        tb2.Text = Convert.ToInt16(controlTop / 40).ToString();
        double newLeft = Convert.ToInt16(controlLeft / 40)*40;
        double newTop = Convert.ToInt16(controlTop / 40)*40;
        //rs.Margin = new Thickness(newLeft, newTop, 0, 0);
        //((Image)ContentPanel.Children[11]).SetValue(Canvas.LeftProperty, newLeft);
        //((Image)ContentPanel.Children[11]).SetValue(Canvas.TopProperty, newTop);
    }

那么如何設置圖像的位置呢？

Answer 1

一種方法是對您的圖像應用轉換轉換？

這樣的事情應該起作用：

Image rs = (Image)sender;
GeneralTransform gt = rs.TransformToVisual(ContentPanel);
Point offset = gt.Transform(new Point(0, 0));

//create a translate transform 
TranslateTransform tt = new TranslateTransform();

//apply the required offset
tt.X = offset.X;
tt.Y = offset.Y;

//apply the transform to the image
rs.RenderTransform = tt;

double controlTop = offset.Y;
double controlLeft = offset.X;
tb.Text = Convert.ToInt16(controlLeft / 40).ToString();
tb2.Text = Convert.ToInt16(controlTop / 40).ToString();
double newLeft = Convert.ToInt16(controlLeft / 40) * 40;
double newTop = Convert.ToInt16(controlTop / 40) * 40;