1

我正在尝试在 Xamarin Forms 中创建一个功能，该功能允许应用程序将图像的 [1..N] 颜色更改为 [1..N]。

例子：

将所有蓝色和紫色像素更改为黄色和橙色像素

经过一番调查，似乎我需要创建一个自定义 CIColorKernel 来实现它。

问题是很难找到示例并且文档很简单。

如果有人有教程或基本示例可以开始...

谢谢

编辑 ：

我实现了@SushiHangover 的soutioion，并在代码示例的第二种方法中调用它：

 private IImageSourceHandler GetHandler(ImageSource source)
        {
            IImageSourceHandler returnValue = null;
            if (source is UriImageSource)
            {
                returnValue = new ImageLoaderSourceHandler();
            }
            else if (source is FileImageSource)
            {
                returnValue = new FileImageSourceHandler();
            }
            else if (source is StreamImageSource)
            {
                returnValue = new StreamImagesourceHandler();
            }
            return returnValue;
        }

        public async Task<ImageSource> ChangeImageColor(ImageSource source, string oldColor, string newColor)
        {
            var handler = GetHandler(source);
            var uiImage = (UIImage)null;

            uiImage = await handler.LoadImageAsync(source);
            UIImage uiImageOutput = null;

            using (var context = new EAGLContext(EAGLRenderingAPI.OpenGLES3))
            using (var filter = new ColorReplaceFilter
            {
                InputImage = new CIImage(uiImage),
                MatchColor = CIColor.FromRgb(200, 200, 200),
                ReplaceWithColor = CIColor.RedColor,
                Threshold = 1f // Exact match, values >0 & <=1 to make a fuzzy match
            })
            {
                uiImageOutput = UIImage.FromImage(filter.OutputImage);
            }

            return Xamarin.Forms.ImageSource.FromStream(() => uiImageOutput.AsPNG().AsStream()); ;
        }

这两种方法位于一个名为的类中，该类BitmapHelper在Xamarin Forms项目中使用Dependecy Injection调用。

var bitmap = DependencyService.Get<IBitmapHelper>().ChangeImageColor(AmbiancePicture.Source, oldColor, newColor);
            AmbiancePicture.Source = bitmap.Result;

结果包含预期的新图像，AmbiancePicture.Source但未更新。

这是我尝试更改的图像：

在此处输入图像描述

编辑 2：

如果我在更新前将 AmbiancePicture.Source 设置为 null，则图像保持为空。图像似乎不是空的（我在流中看到了一些正确的属性）。

工作编辑：

所以在错误来自 UIImage 创建和转换之后。

这是工作代码：

  using (var context = new EAGLContext(EAGLRenderingAPI.OpenGLES3))
            using (var filter = new ColorReplaceFilter
            {
                InputImage = new CIImage(uiImage),
                MatchColor = CIColor.FromString(oldColor),
                ReplaceWithColor = CIColor.FromString(newColor),
                Threshold = 1f // Exact match, values >0 & <=1 to make a fuzzy match
            })
           {
            var output = context.CreateCGImage(filter.OutputImage, filter.OutputImage.Extent); // This line is slow...
            var img = UIImage.FromImage(output);
            jpegData = img.AsJPEG(1.0f);

        }
        return Xamarin.Forms.ImageSource.FromStream(() => jpegData.AsStream());
4

2 回答 2

3

将所有蓝色和紫色像素更改为黄色和橙色像素

让我们将其分解为两个不同的步骤：

  • 蓝色像素到黄色像素
  • 紫色像素到橙色像素

这意味着我们只需要一个CIFilter将一种颜色更改为另一种颜色的过滤器，我们可以将两个（或更多）过滤器链接在一起，以根据需要更改尽可能多的颜色。

就自定义而言CIFilter，如果我们只更改颜色，我们可以使用 aCIColorKernel在 GPU 或 CPU 矢量单元上进行处理（操作系统将根据可用性和请求的内核功能确定哪一个）。CIKernel子类使用GLSL（OpenGL 着色语言）的修改版本作为内核中的语言（此代码在运行时编译，因为每个设备可能具有不同的 CPU 和/或 GPU）。

因此，我们需要一个CIColorKernel函数来接受 RGA8 格式的源“颜色”作为 a vec4，avec4表示要匹配的颜色，另一个表示如果源匹配vec4时要更改的颜色。vec4我们还可以提供一个阈值，该阈值提供原始颜色需要“接近”的程度（如色度键控）。考虑到所有这些并编写一些 GLSL，我们得到：

kernel vec4 main(__sample s, __color o, __color r, float threshold) {
    vec4 diff = s.rgba - o;
    float distance = length( diff );
    float alpha = compare( distance - threshold, 0.0, 1.0 );
     if (alpha == 0.0)
        return r;
     return s;
}

现在我们需要一个CIFilter子类来创建/编译该内核并向该内核提供核心图像输入和输出：

public class ColorReplaceFilter : CIFilter
{
    const string filterName = "colorReplace";
    const int numArgs = 4;
    const string coreImageShaderProgram =
        @"
            kernel vec4 main(__sample s, __color o, __color r, float threshold) {
                vec4 diff = s.rgba - o;
                float distance = length( diff );
                float alpha = compare( distance - threshold, 0.0, 1.0 );
                 if (alpha == 0.0)
                    return r;
                 return s;
            }
        ";

    NSObject[] arguments;
    CIColorKernel colorKernel;

    public ColorReplaceFilter() { Initializer(); }
    public ColorReplaceFilter(NSCoder coder) : base(coder) { Initializer(); }
    public ColorReplaceFilter(NSObjectFlag t) : base(t) { Initializer(); }
    public ColorReplaceFilter(IntPtr handle) : base(handle) { Initializer(); }

    public CIImage InputImage { get; set; }
    public CIColor MatchColor { get; set; }
    public CIColor ReplaceWithColor { get; set; }

    NSNumber _threshold;
    public nfloat Threshold
    {
        get { return _threshold.NFloatValue; }
        set { _threshold = NSNumber.FromNFloat(value); }
    }

    void Initializer()
    {
        arguments = new NSObject[numArgs];
        colorKernel = CIColorKernel.FromProgramSingle(coreImageShaderProgram);
        MatchColor = CIColor.WhiteColor;
        ReplaceWithColor = CIColor.WhiteColor;
        _threshold = new NSNumber(0.2f);
    }

    public override string Name
    {
        get => filterName;
    }

    public override CIImage OutputImage
    {
        get => CreateOutputImage();
    }

    CIImage CreateOutputImage()
    {
        if (InputImage != null) // Avoid object creation to allow fast filter chaining
        {
            arguments[0] = InputImage as NSObject;
            arguments[1] = MatchColor as NSObject;
            arguments[2] = ReplaceWithColor as NSObject;
            arguments[3] = _threshold as NSObject;
            var ciImage = colorKernel.ApplyWithExtent(InputImage.Extent, arguments);
            return ciImage;
        }
        return null;
    }

    protected override void Dispose(bool disposing)
    {
        base.Dispose(disposing);
        arguments = null;
        InputImage = null;
        MatchColor = null;
        ReplaceWithColor = null;
        colorKernel.Dispose();
    }
}

一个简单的CIContext例子：

var uiImageInput = inputVIew.Image;
UIImage uiImageOutput;
using (var context = CIContext.Create())
using (var filter = new ColorReplaceFilter
{
    InputImage = new CIImage(uiImageInput),
    MatchColor = CIColor.BlueColor,
    ReplaceWithColor = CIColor.RedColor,
    Threshold = 0.0f // Exact match, values >0 & <=1 to make a fuzzy match
})
{
    uiImageOutput  = UIImage.FromImage(filter.OutputImage);
}
// Do something with your new uiImageOutput

注意：EAGLContext如果您对实时图像/视频处理有特殊需求，也有基于上下文。

注意：由于创建上下文有开销，如果您将其直接渲染到已经有上下文的 UIImage 持有者，则不需要。A将有一个上下文，因为它正在屏幕上显示图像，因此删除上下文创建并直接创建/分配支持的：CIContextCIImageUIImageViewCIImageUIImageUIImageView

aUIImageViewObject.Image = UIImage.FromImage(replaceFilter.OutputImage);

在链接过滤器中，您获取CIImage一个过滤器的输出并将其作为CIImage输入应用到下一个过滤器。

var uiImageInput = inputVIew.Image;
UIImage uiImageOutput;
using (var context = CIContext.Create())
using (var filter1 = new ColorReplaceFilter
{
    InputImage = new CIImage(uiImageInput),
    MatchColor = CIColor.BlueColor,
    ReplaceWithColor = CIColor.RedColor,
    Threshold = 0
})
using (var filter2 = new ColorReplaceFilter
{
    InputImage = filter1.OutputImage,
    MatchColor = CIColor.WhiteColor,
    ReplaceWithColor = CIColor.BlackColor,
    Threshold = 0
})
{
    uiImageOutput = UIImage.FromImage(filter2.OutputImage);
}
// Do something with your new UIImage

正如 Apple 所说，a CIImage object is a “recipe” for producing an image由于我们直到上面链的末尾才“渲染” UIImage|CGImage，所以这种链式过滤器渲染发生在一次通过，因为我们只是通过CIImage链传递 s。

注意：如果您正在处理具有不同颜色替换的多个图像，请创建一次 CIFilters 并不断更改 CIImage 输入和替换颜色以重复使用过滤器来处理每个图像。完成后请记住处置 CIFilter(s)。这样，对于无限数量的输入/输出图像，每个过滤器只需编译一次 GLSL 内核。

这是一个更改过滤器的输入颜色的示例。过滤器创建和维护 UIViewController 的类级别对象，并在视图控制器关闭时处理。

在此处输入图像描述

另一个使用阈值以交互方式将“蓝色”像素替换为红色的示例。

在此处输入图像描述

回复：核心图像内核语言 回复：CIContext 回复：CIColorKernel

于 2017-11-16T11:52:35.593 回答
0

我在 Xamarin.iOS 中使用了过滤器，这是一个小示例代码：

CIContext ci = CIContext.Create();
CGImage img = <YourUIImageInstanceClass>.CGImage;
CIImage inputImage = CIImage.FromCGImage(img);

CLFGaussianBlur blurFilter = new CLFGaussianBlur();

NSMutableDictionary  inputParameters = new NSMutableDictionary ();
NSNumber num = new NSNumber(<radius>);
inputParameters.SetValueForKey(num, new NSString("inputRadius"));

outputImage = inputImage.CreateByFiltering("CIGaussianBlur",     inputParameters);

这是为模糊图像而制作的，但我认为其他滤镜的过程相同

于 2017-11-16T07:40:37.627 回答