圖片翻譯限制邊界

Question

我使用RenderTransform來使用操作增量事件來翻譯圖像。如果輕輕一抖，圖像就會熄滅。如何限制圖片留在網格內？

由於提前

Answer 1

您需要處理以這樣的方式，你的翻譯不留集裝箱的增量事件。這是我之前的項目（_scatterViewItemTransform是我的輕彈項目上的一個CompositeTransform，託管在Container（其ItemsPanel設置爲Grid的ItemsControl）中：

protected override void OnManipulationDelta(ManipulationDeltaRoutedEventArgs e) 
{ 
    // Manipulation delta does not take UI scaling into account 
    var scaleString = Windows.ApplicationModel.Resources.Core.ResourceManager.Current.DefaultContext.QualifierValues["scale"]; 
    var scale = Double.Parse(scaleString) * 0.01; 

    var x = _translateOrigin.X + e.Cumulative.Translation.X/scale; 
    var y = _translateOrigin.Y + e.Cumulative.Translation.Y/scale; 

    if (e.IsInertial) 
    { 
     while (x < Container.Padding.Left || 
      x > Container.ActualWidth - Container.Padding.Right) 
     { 
      if (x < Container.Padding.Left) 
       x = -x + 2 * Container.Padding.Left; 
      if (x > Container.ActualWidth - Container.Padding.Right) 
       x = 2 * (Container.ActualWidth - Container.Padding.Right) - x; 
     } 

     while (y < Container.Padding.Top || 
      y > Container.ActualHeight - Container.Padding.Bottom) 
     { 
      if (y < Container.Padding.Top) 
       y = -y + 2 * Container.Padding.Top; 
      if (y > Container.ActualHeight - Container.Padding.Bottom) 
       y = 2 * (Container.ActualHeight - Container.Padding.Bottom) - y; 
     } 
    } 

    _scatterViewItemTransform.TranslateX = x; 
    _scatterViewItemTransform.TranslateY = y; 

    if (!e.IsInertial) 
    { 
     BringIntoBounds(); 
    } 
} 


public void BringIntoBounds() 
{ 
    if (_scatterViewItemTransform.TranslateX < Container.Padding.Left) 
    { 
     _scatterViewItemTransform.TranslateX = Container.Padding.Left; 
    } 

    if (_scatterViewItemTransform.TranslateX > Container.ActualWidth - Container.Padding.Right) 
    { 
     _scatterViewItemTransform.TranslateX = Container.ActualWidth - Container.Padding.Right; 
    } 

    if (_scatterViewItemTransform.TranslateY < Container.Padding.Top) 
    { 
     _scatterViewItemTransform.TranslateY = Container.Padding.Top; 
    } 

    if (_scatterViewItemTransform.TranslateY > Container.ActualHeight - Container.Padding.Bottom) 
    { 
     _scatterViewItemTransform.TranslateY = Container.ActualHeight - Container.Padding.Bottom; 
    } 
}