Применение CIFilters на элементах пользовательского интерфейса

Question

Я хочу применить CIFilter к элементу пользовательского интерфейса. Я попытался применить его к слою views через член .filters. Однако фильтр не будет применен.

Answer 1

Вот такой подход: используйте UIGraphicsGetImageFromCurrentImageContext для создания UIImage, примените к нему фильтр и наложите изображение, содержащее отфильтрованное изображение поверх вашего исходного компонента.

Вот способ сделать это с размытием (taken from my blog):

Getting размытого представления UIView довольно прост: мне нужно, чтобы начать контекст изображения, используйте метод renderInContext слоя вида по для визуализации в контекст, а затем получить UIImage из контекста:

UIGraphicsBeginImageContextWithOptions(CGSize(width: frame.width, height: frame.height), false, 1) 

layer.renderInContext(UIGraphicsGetCurrentContext()!) 

let image = UIGraphicsGetImageFromCurrentImageContext() 


UIGraphicsEndImageContext(); 

После того, как у меня есть изображение заселена, это довольно стандартный рабочий процесс, чтобы применить гауссово размывание к нему:

guard let blur = CIFilter(name: "CIGaussianBlur") else 
{ 
    return 
} 

blur.setValue(CIImage(image: image), forKey: kCIInputImageKey) 
blur.setValue(blurRadius, forKey: kCIInputRadiusKey) 

let ciContext = CIContext(options: nil) 

let result = blur.valueForKey(kCIOutputImageKey) as! CIImage! 

let boundingRect = CGRect(x: -blurRadius * 4, 
    y: -blurRadius * 4, 
    width: frame.width + (blurRadius * 8), 
    height: frame.height + (blurRadius * 8)) 

let cgImage = ciContext.createCGImage(result, fromRect: boundingRect) 


let filteredImage = UIImage(CGImage: cgImage) 

Размытое изображение будет больше, чем его входное изображение, поэтому мне нужно указать размер, который мне нужен, в createCGImage.

Следующий шаг должен добавить UIImageView в мой взгляд и скрыть все остальные виды. Я подклассы UIImageView к BlurOverlay так, что, когда дело доходит до его удаления, я могу быть уверен, что я не вынимая существующий UIImageView:

let blurOverlay = BlurOverlay() 
blurOverlay.frame = boundingRect 

blurOverlay.image = filteredImage 

subviews.forEach{ $0.hidden = true } 


addSubview(blurOverlay) 

Когда дело доходит до ДЭ-размывания, я хочу, чтобы обеспечить последний подтаблицы это одна из моих BlurOverlay удалить его и UNHIDE существующих просмотров:

func unBlur() 
{ 
    if let blurOverlay = subviews.last as? BlurOverlay 
    { 
     blurOverlay.removeFromSuperview() 

     subviews.forEach{ $0.hidden = false } 
    } 

} 

Наконец, чтобы увидеть, если в UIView в настоящее время размыты, мне просто нужно увидеть, если его последняя подтаблицы является BlurOverlay:

var isBlurred: Bool 
{ 
    return subviews.last is BlurOverlay 
}