コンテンツにスキップ

画像のクロップ

Preview coreimage003

//
//  ViewController.swift
//  CoreImage003
//
//  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.orange
        myButton.layer.masksToBounds = true
        myButton.setTitle("Crop", for: UIControl.State.normal)
        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.tag = 1
        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を生成。nameにどんなを処理するのか記入.
        let myCropFilter = CIFilter(name: "CICrop")

        // myScaleFilterに必要なパラメータを渡していく.
        // myInputImageをInputImageとして渡す.
        myCropFilter!.setValue(myInputImage, forKey: kCIInputImageKey)

        // 画像のトリミングする部分の座標とサイズを渡す.
        myCropFilter!.setValue(CIVector(x: 0, y: 300, z: 175, w: 300), forKey: "inputRectangle")

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

        // 再びUIViewにセット.
        myImageView.frame = CGRect(x: 0, y: 0, width: 175, height: 300)
        myImageView.image = UIImage(ciImage: myOutputImage)

        // 再描画.
        myImageView.setNeedsDisplay()

    }
}
//
//  ViewController.swift
//  CoreImage003
//
//  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.orange
        myButton.layer.masksToBounds = true
        myButton.setTitle("Crop", for: UIControlState.normal)
        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.tag = 1
        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を生成。nameにどんなを処理するのか記入.
        let myCropFilter = CIFilter(name: "CICrop")

        // myScaleFilterに必要なパラメータを渡していく.
        // myInputImageをInputImageとして渡す.
        myCropFilter!.setValue(myInputImage, forKey: kCIInputImageKey)

        // 画像のトリミングする部分の座標とサイズを渡す.
        myCropFilter!.setValue(CIVector(x: 0, y: 300, z: 175, w: 300), forKey: "inputRectangle")

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

        // 再びUIViewにセット.
        myImageView.frame = CGRect(x: 0, y: 0, width: 175, height: 300)
        myImageView.image = UIImage(ciImage: myOutputImage)

        // 再描画.
        myImageView.setNeedsDisplay()

    } 
} 
//
//  ViewController.swift
//  CoreImage003
//
//  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.orangeColor();
        myButton.layer.masksToBounds = true
        myButton.setTitle("Crop", forState: UIControlState.Normal)
        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.tag = 1
        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を生成。nameにどんなを処理するのか記入.
        let myCropFilter = CIFilter(name: "CICrop")

        // myScaleFilterに必要なパラメータを渡していく.
        // myInputImageをInputImageとして渡す.
        myCropFilter!.setValue(myInputImage, forKey: kCIInputImageKey)

        // 画像のトリミングする部分の座標とサイズを渡す.
        myCropFilter!.setValue(CIVector(x: 0, y: 300, z: 175, w: 300), forKey: "inputRectangle")

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

        // 再びUIViewにセット.
        myImageView.frame = CGRectMake(0, 0, 175, 300)
        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