コンテンツにスキップ

画像の色変換

Preview coreimage009

//
//  ViewController.swift
//  CoreImage009
//
//  Created by Misato Morino on 2016/08/15.
//  Copyright © 2016年 Misato Morino. All rights reserved.
//

import UIKit
import CoreImage

class ViewController: UIViewController {

    // ベース画像.
    let myInputImage = CIImage(image: UIImage(named: "sample1")!)

    // ImageView.
    var myImageView: UIImageView!

    // ボタン.
    let myButton: UIButton = UIButton()

    override func viewDidLoad() {
        super.viewDidLoad()

        // UIImageViewの生成.
        myImageView = UIImageView(frame: CGRect(x: 0, y: 0, width: self.view.frame.size.width, height: self.view.frame.size.height))
        myImageView.image = UIImage(ciImage: myInputImage!)
        self.view.addSubview(myImageView)

        // ボタン.
        myButton.frame = CGRect(x: 0, y: 0, width: 80, height: 80)
        myButton.backgroundColor = UIColor.black
        myButton.layer.masksToBounds = true
        myButton.setTitle("色変換", for: UIControl.State.normal)
        myButton.titleLabel?.font = UIFont.systemFont(ofSize: UIFont.smallSystemFontSize)
        myButton.setTitleColor(UIColor.white, for: UIControl.State.normal)
        myButton.layer.cornerRadius = 40.0
        myButton.layer.position = CGPoint(x: self.view.frame.width/2, y:self.view.frame.height - 50)
        myButton.addTarget(self, action: #selector(ViewController.onClickMyButton(sender:)), for: .touchUpInside)

        // 背景色を黒.
        self.view.backgroundColor = UIColor.black

        // UIボタンをViewに追加.
        self.view.addSubview(myButton);
    }

    // ボタンイベント.
    @objc func onClickMyButton(sender: UIButton){

        // カラーエフェクトを指定してCIFilterをインスタンス化.
        let myColorFilter = CIFilter(name: "CIColorCrossPolynomial")

        // イメージのセット.
        myColorFilter!.setValue(myInputImage, forKey: kCIInputImageKey)

        // RGBの変換値を作成.
        let r: [CGFloat] = [0.0, 1.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0]
        let g: [CGFloat] = [0.0, 0.0, 1.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0]
        let b: [CGFloat] = [1.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0]

        // モノクロ化するための値の調整.
        myColorFilter!.setValue(CIVector(values: r, count: 10), forKey: "inputRedCoefficients")
        myColorFilter!.setValue(CIVector(values: g, count: 10), forKey: "inputGreenCoefficients")
        myColorFilter!.setValue(CIVector(values: b, count: 10), forKey: "inputBlueCoefficients")

        // フィルターを通した画像をアウトプット.
        let myOutputImage : CIImage = myColorFilter!.outputImage!

        // 再びUIViewにセット.
        myImageView.image = UIImage(ciImage: myOutputImage)

        // 再描画.
        myImageView.setNeedsDisplay()

    }

}
//
//  ViewController.swift
//  CoreImage009
//
//  Created by Misato Morino on 2016/08/15.
//  Copyright © 2016年 Misato Morino. All rights reserved.
//

import UIKit
import CoreImage

class ViewController: UIViewController {

    // ベース画像.
    let myInputImage = CIImage(image: UIImage(named: "sample1")!)

    // ImageView.
    var myImageView: UIImageView!

    // ボタン.
    let myButton: UIButton = UIButton()

    override func viewDidLoad() {
        super.viewDidLoad()

        // UIImageViewの生成.
        myImageView = UIImageView(frame: CGRect(x: 0, y: 0, width: self.view.frame.size.width, height: self.view.frame.size.height))
        myImageView.image = UIImage(ciImage: myInputImage!)
        self.view.addSubview(myImageView)

        // ボタン.
        myButton.frame = CGRect(x: 0, y: 0, width: 80, height: 80)
        myButton.backgroundColor = UIColor.black
        myButton.layer.masksToBounds = true
        myButton.setTitle("色変換", for: UIControlState.normal)
        myButton.titleLabel?.font = UIFont.systemFont(ofSize: UIFont.smallSystemFontSize)
        myButton.setTitleColor(UIColor.white, for: UIControlState.normal)
        myButton.layer.cornerRadius = 40.0
        myButton.layer.position = CGPoint(x: self.view.frame.width/2, y:self.view.frame.height - 50)
        myButton.addTarget(self, action: #selector(ViewController.onClickMyButton(sender:)), for: .touchUpInside)

        // 背景色を黒.
        self.view.backgroundColor = UIColor.black

        // UIボタンをViewに追加.
        self.view.addSubview(myButton);
    }

    // ボタンイベント.
    func onClickMyButton(sender: UIButton){

        // カラーエフェクトを指定してCIFilterをインスタンス化.
        let myColorFilter = CIFilter(name: "CIColorCrossPolynomial")

        // イメージのセット.
        myColorFilter!.setValue(myInputImage, forKey: kCIInputImageKey)

        // RGBの変換値を作成.
        let r: [CGFloat] = [0.0, 1.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0]
        let g: [CGFloat] = [0.0, 0.0, 1.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0]
        let b: [CGFloat] = [1.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0]

        // モノクロ化するための値の調整.
        myColorFilter!.setValue(CIVector(values: r, count: 10), forKey: "inputRedCoefficients")
        myColorFilter!.setValue(CIVector(values: g, count: 10), forKey: "inputGreenCoefficients")
        myColorFilter!.setValue(CIVector(values: b, count: 10), forKey: "inputBlueCoefficients")

        // フィルターを通した画像をアウトプット.
        let myOutputImage : CIImage = myColorFilter!.outputImage!

        // 再びUIViewにセット.
        myImageView.image = UIImage(ciImage: myOutputImage)

        // 再描画.
        myImageView.setNeedsDisplay()

    }

} 
//
//  ViewController.swift
//  CoreImage009
//
//  Created by Misato Morino on 2016/08/15.
//  Copyright © 2016年 Misato Morino. All rights reserved.
//

import UIKit
import CoreImage

class ViewController: UIViewController {

    // ベース画像.
    let myInputImage = CIImage(image: UIImage(named: "sample1")!)

    // ImageView.
    var myImageView: UIImageView!

    // ボタン.
    let myButton: UIButton = UIButton()

    override func viewDidLoad() {
        super.viewDidLoad()

        // UIImageViewの生成.
        myImageView = UIImageView(frame: CGRectMake(0, 0, self.view.frame.size.width, self.view.frame.size.height))
        myImageView.image = UIImage(CIImage: myInputImage!)
        self.view.addSubview(myImageView)

        // ボタン.
        myButton.frame = CGRectMake(0,0,80,80)
        myButton.backgroundColor = UIColor.blackColor();
        myButton.layer.masksToBounds = true
        myButton.setTitle("色変換", forState: UIControlState.Normal)
        myButton.titleLabel?.font = UIFont.systemFontOfSize(UIFont.smallSystemFontSize())
        myButton.setTitleColor(UIColor.whiteColor(), forState: UIControlState.Normal)
        myButton.layer.cornerRadius = 40.0
        myButton.layer.position = CGPoint(x: self.view.frame.width/2, y:self.view.frame.height - 50)
        myButton.addTarget(self, action: #selector(ViewController.onClickMyButton(_:)), forControlEvents: .TouchUpInside)

        // 背景色を黒.
        self.view.backgroundColor = UIColor.blackColor()

        // UIボタンをViewに追加.
        self.view.addSubview(myButton);
    }

    // ボタンイベント.
    func onClickMyButton(sender: UIButton){

        // カラーエフェクトを指定してCIFilterをインスタンス化.
        let myColorFilter = CIFilter(name: "CIColorCrossPolynomial")

        // イメージのセット.
        myColorFilter!.setValue(myInputImage, forKey: kCIInputImageKey)

        // RGBの変換値を作成.
        let r: [CGFloat] = [0.0, 1.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0]
        let g: [CGFloat] = [0.0, 0.0, 1.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0]
        let b: [CGFloat] = [1.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0]

        // モノクロ化するための値の調整.
        myColorFilter!.setValue(CIVector(values: r, count: 10), forKey: "inputRedCoefficients")
        myColorFilter!.setValue(CIVector(values: g, count: 10), forKey: "inputGreenCoefficients")
        myColorFilter!.setValue(CIVector(values: b, count: 10), forKey: "inputBlueCoefficients")

        // フィルターを通した画像をアウトプット.
        let myOutputImage : CIImage = myColorFilter!.outputImage!

        // 再びUIViewにセット.
        myImageView.image = UIImage(CIImage: myOutputImage)

        // 再描画.
        myImageView.setNeedsDisplay()

    }

}

3.xと4.xの差分

  • UIControlStateUIControl.State に変更
  • func onClickMyButton(sender: UIButton)@objc を追加

2.xと3.xの差分

  • init(CIImage:) から init(ciImage:) に変更

Reference