我正在尝试拖放Viewbox中存在的UI元素。一旦拖动过程开始,预期图像就会显示拖动操作,但图像是完整大小,而不是视图框中显示的图像大小。
有没有办法让拖动图像自动尊重源元素的显示大小?如果没有,有没有办法以编程方式更改拖动图像的大小以匹配被拖动的UI元素的显示大小?
我没有在DragStartingEventArgs的DataPackage或DragUI中看到任何允许调整拖动图像大小的选项。
被拖动的UI元素是一个RelativePanel,其中包含许多嵌入的图像和形状。
好的,所以这有点hacky,但似乎运作良好。有很多可以完成的改进,但这是一种完成它的方法。
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();
}