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

Question

几天来，我一直在努力寻找一种使 UI 元素能够在 Windows 通用平台中拖动的方法。我正在构建一个需要能够裁剪图像的照片编辑软件。我在屏幕上有裁剪框，​​但不知道如何制作以便用户可以将框拖到他们想要裁剪的位置。screen shot

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

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;
}