拖动一个UI元素。 Windows通用平台

Question

我一直在努力寻找一种方法来使UI元素能够在Windows Universal Platform中拖动。 我正在构建一个需要能够裁剪图像的照片编辑软件。 我在屏幕上显示了裁剪框，但无法弄清楚如何制作，以便用户可以将框拖动到要裁剪的位置。 屏幕截图

用户需要能够单击红色圆圈内的框并将其拖动到屏幕上的任何商品。

Answer 1

您需要使用Manipulation [Started / Delta / Completed]事件。 试试这个代码：

<Grid Background="White">
    <Border Width="150" Height="100" Background="Transparent" BorderBrush="Red" BorderThickness="1"
            ManipulationMode="TranslateX,TranslateY" RenderTransformOrigin="0.5,0.5" ManipulationDelta="Border_ManipulationDelta">

        <Border.RenderTransform>
            <CompositeTransform x:Name="BorderTransform" />
        </Border.RenderTransform>
    </Border>
</Grid>

private void Border_ManipulationDelta(object sender, ManipulationDeltaRoutedEventArgs e)
{
    BorderTransform.TranslateX += e.Delta.Translation.X;
    BorderTransform.TranslateY += e.Delta.Translation.Y;
}