Xamarin iOS中如何获取VisualElement的屏幕坐标？

问题分析 #

你提供的原有代码仅累加了VisualElement的相对X/Y属性值，但这些值是基于父布局的相对坐标，没有考虑布局渲染时的实际偏移（比如滚动容器的偏移、布局变换等），因此无法得到准确的屏幕坐标系坐标。

正确解决方案 #

要获取准确的屏幕坐标，需要借助Xamarin.Forms的渲染器获取对应的iOS原生UIView，再通过原生API完成坐标转换：

扩展方法实现 #

using Xamarin.Forms;
using Xamarin.Forms.Platform.iOS;
using UIKit;
using CoreGraphics;

public static class VisualElementScreenCoordsExtensions
{
    public static Point GetScreenCoordinates(this VisualElement element)
    {
        // 获取元素对应的iOS原生视图
        var nativeView = element.GetRenderer()?.NativeView;
        if (nativeView == null)
            return Point.Zero;

        // 将视图自身坐标转换为屏幕坐标系坐标（传入null表示转换到屏幕）
        CGPoint screenPosition = nativeView.ConvertPointToView(nativeView.Frame.Location, null);
        return new Point(screenPosition.X, screenPosition.Y);
    }
}

关键注意事项 #

• 调用时机：必须在VisualElement完成渲染后调用（比如在页面的Appearing事件中，避免GetRenderer()返回null）
• 原生API作用：ConvertPointToView方法中，当第二个参数为null时，会将视图的本地坐标转换为设备屏幕坐标系下的绝对位置
• 滚动容器适配：该方法会自动处理滚动视图（如ScrollView）的偏移，返回的坐标是相对于整个屏幕的真实位置

兼容旧版Xamarin.Forms的方案 #

如果你的项目使用的是较旧版本的Xamarin.Forms（无GetRenderer()扩展方法），可以手动获取渲染器：

using Xamarin.Forms;
using Xamarin.Forms.Platform.iOS;
using UIKit;
using CoreGraphics;

public static class VisualElementScreenCoordsExtensions
{
    public static Point GetScreenCoordinates(this VisualElement element)
    {
        var renderer = Platform.GetRenderer(element);
        if (renderer == null)
        {
            // 手动触发渲染器创建
            Platform.SetRenderer(element, Platform.CreateRenderer(element));
            renderer = Platform.GetRenderer(element);
        }

        var nativeView = renderer.NativeView;
        if (nativeView == null)
            return Point.Zero;

        CGPoint screenPosition = nativeView.ConvertPointToView(nativeView.Frame.Location, null);
        return new Point(screenPosition.X, screenPosition.Y);
    }
}

内容的提问来源于stack exchange，提问作者Dmitriy Milkin