在Xamarin.Forms中获取点击图片的像素颜色实现方案咨询

一、修改TapGestureRecognizer获取点击坐标 #

将原有的Command方式改为绑定Tapped事件，以便获取点击位置相对于Image控件的坐标：

public partial class YourPage : ContentPage
{
    public YourPage()
    {
        InitializeComponent();

        var tapGesture = new TapGestureRecognizer();
        tapGesture.Tapped += OnImageTapped;
        image.GestureRecognizers.Add(tapGesture);
    }

    private void OnImageTapped(object sender, EventArgs e)
    {
        if (e is TapEventArgs tapArgs && sender is Image imageControl)
        {
            // 获取点击位置相对于Image控件的坐标
            var relativePos = tapArgs.Position;
            // 调用平台服务获取像素颜色
            var pixelColor = DependencyService.Get<IPixelColorService>().GetPixelColor(imageControl.Source, relativePos.X, relativePos.Y, imageControl);
            
            // 后续处理颜色（示例：打印颜色值）
            Console.WriteLine($"点击位置颜色：R={pixelColor.R}, G={pixelColor.G}, B={pixelColor.B}");
        }
    }
}

二、完善平台服务接口 #

更新IPixelColorService接口，增加Image控件参数用于计算图片缩放后的实际像素坐标：

public interface IPixelColorService
{
    /// <summary>
    /// 获取图片点击位置的像素颜色
    /// </summary>
    /// <param name="imageSource">图片源</param>
    /// <param name="relativeX">相对于Image控件的X坐标</param>
    /// <param name="relativeY">相对于Image控件的Y坐标</param>
    /// <param name="imageControl">显示图片的Image控件</param>
    /// <returns>像素颜色</returns>
    Color GetPixelColor(ImageSource imageSource, double relativeX, double relativeY, Image imageControl);
}

三、Android平台特定实现 #

将Xamarin.Forms的ImageSource转换为Android原生Bitmap，计算点击坐标对应的实际像素位置并读取颜色：

[assembly: Dependency(typeof(PixelColorService))]
namespace YourNamespace.Droid
{
    public class PixelColorService : IPixelColorService
    {
        public Color GetPixelColor(ImageSource imageSource, double relativeX, double relativeY, Image imageControl)
        {
            if (imageSource is FileImageSource fileSource)
            {
                // 获取本地资源图片路径
                var assetFd = Android.App.Application.Context.Assets.OpenFd(fileSource.File);
                string imagePath = assetFd.FileDescriptor.ToString();
                Bitmap bitmap = BitmapFactory.DecodeFile(imagePath);
                
                if (bitmap != null)
                {
                    // 适配AspectFit模式的缩放比例计算
                    double scaleX = bitmap.Width / imageControl.Width;
                    double scaleY = bitmap.Height / imageControl.Height;
                    double actualScale = Math.Min(scaleX, scaleY);
                    
                    // 将控件相对坐标转换为Bitmap实际像素坐标
                    int actualX = (int)((relativeX - (imageControl.Width - bitmap.Width / actualScale) / 2) * actualScale);
                    int actualY = (int)((relativeY - (imageControl.Height - bitmap.Height / actualScale) / 2) * actualScale);
                    
                    // 确保坐标在Bitmap范围内
                    actualX = Math.Clamp(actualX, 0, bitmap.Width - 1);
                    actualY = Math.Clamp(actualY, 0, bitmap.Height - 1);
                    
                    // 获取像素颜色并转换为Xamarin.Forms.Color
                    int pixel = bitmap.GetPixel(actualX, actualY);
                    bitmap.Recycle(); // 释放Bitmap资源
                    
                    return Color.FromRgb(Color.GetRedComponent(pixel), Color.GetGreenComponent(pixel), Color.GetBlueComponent(pixel));
                }
            }
            
            // 异常情况返回透明色
            return Color.Transparent;
        }
    }
}

四、iOS平台特定实现 #

转换为iOS原生UIImage，计算实际坐标并读取像素颜色：

[assembly: Dependency(typeof(PixelColorService))]
namespace YourNamespace.iOS
{
    public class PixelColorService : IPixelColorService
    {
        public Color GetPixelColor(ImageSource imageSource, double relativeX, double relativeY, Image imageControl)
        {
            if (imageSource is FileImageSource fileSource)
            {
                // 获取本地资源图片路径
                string fileName = Path.GetFileNameWithoutExtension(fileSource.File);
                string fileExt = Path.GetExtension(fileSource.File).TrimStart('.');
                string imagePath = NSBundle.MainBundle.PathForResource(fileName, fileExt);
                UIImage uiImage = UIImage.FromFile(imagePath);
                
                if (uiImage != null)
                {
                    // 适配AspectFit模式的缩放比例计算
                    double scaleX = uiImage.Size.Width / imageControl.Width;
                    double scaleY = uiImage.Size.Height / imageControl.Height;
                    double actualScale = Math.Min(scaleX, scaleY);
                    
                    // 将控件相对坐标转换为UIImage实际像素坐标
                    int actualX = (int)((relativeX - (imageControl.Width - uiImage.Size.Width / actualScale) / 2) * actualScale);
                    int actualY = (int)((relativeY - (imageControl.Height - uiImage.Size.Height / actualScale) / 2) * actualScale);
                    
                    actualX = Math.Clamp(actualX, 0, (int)uiImage.Size.Width - 1);
                    actualY = Math.Clamp(actualY, 0, (int)uiImage.Size.Height - 1);
                    
                    // 读取像素颜色
                    CGImage cgImage = uiImage.CGImage;
                    using (var context = new CGBitmapContext(IntPtr.Zero, (int)cgImage.Width, (int)cgImage.Height, 8, 4 * (int)cgImage.Width, cgImage.ColorSpace, CGImageAlphaInfo.PremultipliedLast))
                    {
                        context.DrawImage(new CGRect(0, 0, cgImage.Width, cgImage.Height), cgImage);
                        byte[] pixelData = context.Data.ToArray();
                        int pixelIndex = (actualY * (int)cgImage.Width + actualX) * 4;
                        
                        return Color.FromRgb(pixelData[pixelIndex], pixelData[pixelIndex + 1], pixelData[pixelIndex + 2]);
                    }
                }
            }
            
            return Color.Transparent;
        }
    }
}

关键注意事项 #

• 缩放适配：需根据Image控件的Aspect属性（AspectFit/AspectFill/Fill）调整坐标转换逻辑，避免坐标偏移。
• 资源释放：Android平台的Bitmap需手动调用Recycle()释放，防止内存泄漏。
• 图片源扩展：上述代码仅处理本地FileImageSource，若使用网络图片（UriImageSource），需先下载图片到本地再进行转换。

思路对应说明 #

你之前在WinForms中用((Bitmap)pictureBox1.Image).GetPixel(e.X, e.Y)、SkiaSharp中用GetPixel(e.X, e.Y)的逻辑是核心，Xamarin.Forms中只是通过平台特定代码完成相同流程：获取原生图片对象 → 转换点击坐标到图片像素坐标系 → 读取对应位置像素。

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