Unable to Capture Child Elements in Screenshot of Parent Grid or UserControl

[LSXAxeller]

I'm encountering an issue while attempting to capture a screenshot of my current view. In the code snippet provided, scTarget represents either the parent Grid or the UserControl itself. However, upon capturing the screenshot, only the background of the parent Grid is visible, with none of its child elements, including images or text, appearing in the screenshot.

var scTarget = Extensions.PlayerRoot;
var pixelSize = new PixelSize(640, 360);
var size = new Size(640, 360);

var scPath = Path.Combine(AppConfig.Instance.DataPath, "Checkpoints", $"checkpoint_{node.CheckpointID}.png");

using (RenderTargetBitmap bitmap = new(pixelSize))
{
    scTarget.Measure(size);
    scTarget.Arrange(new Rect(size));
    bitmap.Render(scTarget);
    bitmap.Save(scPath);
}

Despite specifying the dimensions for the screenshot and rendering the scTarget element, only the background of the parent element is captured, omitting any child elements such as images or text.

[maxkatz6]

You mean, some sub-children of PlayerRoot are ignored in RenderTargetBitmap?
What types are these controls? Could it be custom renderer code or some native control hosts? Assuming it's a "player" root, it might not be something that can be rendered via RenderTargetBitmap.

[timunie]

Could you file a minimal sample? I don't know how the converter works.

[LSXAxeller]

Converter, the screenshots above without the converter or characters, it can't even render TextBlocks in DialogueArea in the screenshots

using System.Globalization;
using System.IO;
using System.Linq;
using System.Threading.Tasks;
using Avalonia.Data.Converters;
using Avalonia.Media.Imaging;
using NetFabric.Hyperlinq;

namespace NovelNodePlayer.Helpers;
public class PathDataConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        return ConvertAsync(value, parameter).GetAwaiter().GetResult();
    }

    public async Task<object> ConvertAsync(object value, object parameter)
    {
        string path = (string)value;
        string target = (string)parameter;

        if (string.IsNullOrEmpty(path) || string.IsNullOrEmpty(target))
            return null;

        var data = await GameResources.GetFile(path);

        switch (target)
        {
            case "Sprite":
                Bitmap bitmap = null;
                using (var stream = new MemoryStream(data))
                {
                    bitmap = new Bitmap(stream);
                }
                return bitmap;
            case "Background":
                return PlayerViewModel.Instance.SceneSelected.Backgrounds.FirstOrDefault(x => x.Key == target);
            default:
                return null;
        }
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}

[timunie]

well your DialogArea has a Width of 1920 while you capture only 640 px. Sure it will be cut away. Make sure to capture all you need or adjust your layout.

[LSXAxeller]

can Is there's a way to resize it to 640px without using an external libraries?

[timunie]

maybe skiasharp can do? Not sure, never needed to do that