移动影像

Question

我有在Scrollviewer一个Image ...

<ScrollViewer x:Name="Scrollster" ZoomMode="Enabled" MinZoomFactor="1" MaxZoomFactor="4" 
      HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Auto" ManipulationMode="All"> 
    <Image x:Name="Img" Source="{x:Bind ImgSource}" Stretch="UniformToFill" PointerPressed="Img_PointerPressed"/> 
</ScrollViewer> 

我想，当我拖动图像与鼠标指针移动的图像！

我想：

private void Img_PointerPressed(object sender,PointerRoutedEventArgs e) 
{ 
    var p = e.Pointer; 
} 

，但我不能让指针位置改变的ScrollViewer现在的位置。

我的代码有什么问题？我做对了吗？

Answer 1

而应该在Img控制上设置ManipulationMode。此外，您可能需要指定所需的确切模式，而不是All以防止不必要的手势处理。

<Image x:Name="Img" Source="{x:Bind ImgSource}" Width="150" Height="150" Stretch="UniformToFill" 
     ManipulationMode="TranslateX, TranslateY" 
     ManipulationStarted="Img_ManipulationStarted" 
     ManipulationDelta="Img_ManipulationDelta" 
     ManipulationCompleted="Img_ManipulationCompleted"> 
    <Image.RenderTransform> 
     <CompositeTransform x:Name="Transform" /> 
    </Image.RenderTransform> 
</Image> 

从上面你的描述，我想打开两个TranslateX和TranslateY应该是足够的。然后您需要处理诸如ManipulationStarted,ManipulationDelta和ManipulationCompleted之类的操纵事件。

你的大部分逻辑都应该在ManipulationDelta事件中完成，这个事件会在平移过程中被多次触发。这是您获取X和Y职位并相应设置的位置。

这是一个简单的例子。

void Img_ManipulationStarted(object sender, ManipulationStartedRoutedEventArgs e) 
{ 
    // dim the image while panning 
    this.Img.Opacity = 0.4; 
} 

void Img_ManipulationDelta(object sender, ManipulationDeltaRoutedEventArgs e) 
{ 
    this.Transform.TranslateX += e.Delta.Translation.X; 
    this.Transform.TranslateY += e.Delta.Translation.Y; 
} 

void Img_ManipulationCompleted(object sender, ManipulationCompletedRoutedEventArgs e) 
{ 
    // reset the Opacity 
    this.Img.Opacity = 1; 
}