【Swift】CIFilterで画像にぼかしをかける

はじめに

CIFilter6日目！

サンプルアプリ

実装

import SwiftUI

struct ContentView: View {
    private let image = UIImage(named: "sample")!

    @State private var uiImage: UIImage?

    var body: some View {
        ScrollView {
            VStack {
                if let uiImage {
                    Image(uiImage: uiImage)
                        .resizable()
                        .scaledToFit()
                } else {
                    Image(uiImage: image)
                        .resizable()
                        .scaledToFit()
                }

                HStack(spacing: 15) {
                    Button {
                        applyBokehBlurFilter()
                    } label: {
                        Text("適用")
                    }
                    
                    Button {
                        uiImage = nil
                    } label: {
                        Text("リセット")
                    }
                }
            }
            .padding(.horizontal, 20)
        }
    }

    func applyBokehBlurFilter() {
        let context = CIContext()
        let inputImage = CIImage(image: image)!

        guard let bokehBlurFilter = CIFilter(name: "CIBokehBlur", parameters: [
            kCIInputImageKey: inputImage,
            kCIInputRadiusKey: 30.0
        ]) else { return }
        guard let outputImage = bokehBlurFilter.outputImage else { return }
        guard let cgImage = context.createCGImage(outputImage, from: outputImage.extent) else { return }
        self.uiImage = UIImage(cgImage: cgImage)
    }
}

おわり

CIFilterなんでもできますなー