UIElement

johnmarker — Tue, 03 Aug 2021 20:50:50 GMT

Is it possible to display a WPF UIElement as a graphic overlay onto an Arcgis basemap?

Re: UIElement

MichaelBranscomb — Tue, 03 Aug 2021 22:33:27 GMT

It sounds like it might represent a form of symbol to style a graphic in a graphics overlay?

You could use RenderTagetBitmap to render an image and apply that via a PictureMarkerSymbol.

Here's some code that creates a UniqueValueRenderer from a series of UIElements rendered using RenderTargetBitmap:

private async Task CreatePictureMarkerSymbols() { _strobeCanvas = new Canvas(); Ellipse ellipse = new Ellipse() { Height = 40, Width = 40, IsHitTestVisible = false, RenderTransform = new ScaleTransform(), Fill = new RadialGradientBrush() { GradientStops = new GradientStopCollection(5) { new GradientStop(Color.FromArgb(0,255, 0, 0),0), new GradientStop(Color.FromArgb(255,255, 0, 0),0.25), new GradientStop(Color.FromArgb(0,255, 0, 0),0.5), new GradientStop(Color.FromArgb(255,255, 0, 0),0.75), new GradientStop(Color.FromArgb(0,255, 0, 0),1), } } }; _strobeCanvas.Children.Add(ellipse); for (int i = 1; i <= _numberOfPictureMarkerSymbols; i++) { // Scale up the Ellipse double increment = Convert.ToDouble(i) / 5; Transform scaleTransform = new ScaleTransform(increment, increment); double scaleTransformOrigin = 0; ellipse.Opacity -= _opacityStep; ellipse.RenderTransform = scaleTransform; ellipse.RenderTransformOrigin = new Point(scaleTransformOrigin, scaleTransformOrigin); _strobeCanvas.RenderTransform = scaleTransform; _strobeCanvas.RenderTransformOrigin = new Point(scaleTransformOrigin, scaleTransformOrigin); _strobeCanvas.Measure(new Size(Double.PositiveInfinity, Double.PositiveInfinity)); _strobeCanvas.Arrange(new Rect(ellipse.DesiredSize)); Rect bounds = VisualTreeHelper.GetContentBounds(ellipse); bounds.Transform(ellipse.RenderTransform.Value); var dpiXProperty = typeof(SystemParameters).GetProperty("DpiX", BindingFlags.NonPublic | BindingFlags.Static); var dpiX = (int)dpiXProperty.GetValue(null, null); double dpi = Convert.ToDouble(dpiX); // Create a new RenderTargetBitmap to render the ellipse RenderTargetBitmap renderTargetBitmap = new RenderTargetBitmap( (Int32)(bounds.Width * dpi / 96.0), (Int32)(bounds.Height * dpi / 96.0), dpi, dpi, PixelFormats.Pbgra32); // Setup the drawing context DrawingVisual drawingVisual = new DrawingVisual(); using (DrawingContext drawingContext = drawingVisual.RenderOpen()) { VisualBrush visualBrush = new VisualBrush(ellipse); drawingContext.DrawRectangle(visualBrush, pen: null, rectangle: new Rect(new Point(), bounds.Size)); } // Render the visual element renderTargetBitmap.Render(drawingVisual); // Use a PngBitmapEncoder to retrieve the image PngBitmapEncoder pngBitmapEncoder = new PngBitmapEncoder(); pngBitmapEncoder.Frames.Add(BitmapFrame.Create(source: renderTargetBitmap)); using (var stream = new MemoryStream()) { pngBitmapEncoder.Save(stream); stream.Seek(0, SeekOrigin.Begin); // Create a new PictureMarkerSymbol and set the Source PictureMarkerSymbol pms = await PictureMarkerSymbol.CreateAsync(stream); // Create a new UniqueValueInfo class for this image instance UniqueValue strobeUniqueValueInfo = new UniqueValue() { Symbol = pms, }; // Add the UniqueValueInfo to the UniqueValueRenderer strobeUniqueValueInfo.Values.Add(i); _strobeUniqueValueRenderer.UniqueValues.Add(strobeUniqueValueInfo); } } // Set the UniqueValueRenderer field _strobeUniqueValueRenderer.FieldNames.Add(_strobeField); }

Alternatively, if it's one or more symbols defined in XAML and you are looking for a longer term solution and vectorized rendering then you could look into converting the XAML to SVG and importing the SVG into ArcGIS Pro as a symbol layer for a mobile style which you can use in ArcGIS Runtime.

Resources:

Read symbols from a mobile style: https://developers.arcgis.com/net/wpf/sample-code/read-symbols-from-mobile-style/
Symbol editor demo showcasing mobile style and multi layer symbol editing: https://github.com/Esri/arcgis-runtime-demos-dotnet/tree/main/src/SymbolEditor

topic Re: UIElement in .NET Maps SDK Questions

UIElement

Re: UIElement