Question

我正在尝试拖放Viewbox中存在的UI元素。拖动过程开始后，将显示用于拖动操作的预期图像，但是该图像是完整尺寸，而不是Viewbox中显示的图像尺寸。

是否有一种方法可以使拖动图像自动遵守源元素的显示大小？如果没有，是否可以通过编程方式更改拖动图像的大小以匹配所拖动的UI元素的显示大小？

在DragStartingEventArgs的DataPackage或DragUI中看不到任何允许调整拖动图像大小的选项。

要拖动的UI元素是一个RelativePanel，其中包含许多嵌入式图像和形状。

Answer 1

好的，所以这有点怪异，但似乎效果很好。可以做很多改进，但这是完成它的一种方法。

    private async void OnDragStarting(UIElement sender, DragStartingEventArgs args)
    {
        var relativePanel = (RelativePanel) sender;
        var ellipse = (Ellipse)relativePanel.Children.ToList()[0];

        var deferral = args.GetDeferral();

        var bitmap = new RenderTargetBitmap();
        await bitmap.RenderAsync(ellipse);

        // convert the ellipse to a pixel array
        var pixelBuffer = await bitmap.GetPixelsAsync();
        var pixelArray = pixelBuffer.ToArray();

        var stream = new InMemoryRandomAccessStream();

        var img = new BitmapImage();
        var encoder = await BitmapEncoder.CreateAsync(BitmapEncoder.PngEncoderId, stream);
        encoder.SetPixelData(
            BitmapPixelFormat.Bgra8,
            BitmapAlphaMode.Straight,
            (uint)bitmap.PixelWidth,
            (uint)bitmap.PixelHeight,
            96,
            96,
            pixelArray);

        // now that there is an encoder set up, set the new size of the image
        encoder.BitmapTransform.ScaledHeight = 50;
        encoder.BitmapTransform.ScaledWidth = 50;

        await encoder.FlushAsync();
        await img.SetSourceAsync(stream);

        args.DragUI.SetContentFromBitmapImage(img);

        deferral.Complete();
    }

UWP-如何在拖放过程中更改拖动图像的大小？

1 个答案: