[ 2022-08-16 🫠 TIL ]

개강이 다가오고 있다...🫠(아직 더 놀아야하는데..)
이번 방학 뭔가 한게 없는것 같은 이느낌 뭐지..

이런 생각할 시간에 공부나 해야지..

오늘 공부한 것은 터치 이벤트를 이용하여 그림을 그릴 수 있는 화면을 구현였습니다.

import UIKit

class ViewController: UIViewController, UITextFieldDelegate {

    @IBOutlet var imgView: UIImageView!
    @IBOutlet var tfLineWidth: UITextField!
    
    var lastPoint : CGPoint!
    var lineSize : CGFloat! = 2.0
    var lineColor = UIColor.red.cgColor
    
    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view.
        tfLineWidth.delegate = self
    }
    
    override func touchesBegan(_ touches: Set<UITouch>, with event: UIEvent?) {
        let touch = touches.first! as UITouch
        
        lastPoint = touch.location(in: imgView)
        //터치된 위치를 저장
    }//터치 이벤트 시작시 실행이 되는 함수
    
    override func touchesMoved(_ touches: Set<UITouch>, with event: UIEvent?) {
        UIGraphicsBeginImageContext(imgView.frame.size)
        UIGraphicsGetCurrentContext()?.setStrokeColor(lineColor)
        UIGraphicsGetCurrentContext()?.setLineCap(CGLineCap.round)
        UIGraphicsGetCurrentContext()?.setLineWidth(lineSize)
        //컨텍스트에 설정을 부여 (컨텍스트 사이즈, 선의 색깔, 선의 굵기, 선의 끝모양)
        
        let touch = touches.first! as UITouch
        //현재 발생한 터치 이벤트를 가져옵니다.
        let currPoint = touch.location(in: imgView)
        //터치 이벤트 발생한 곳의 위치 가져옴
        
        imgView.image?.draw(in: CGRect(x: 0, y: 0, width: imgView.frame.size.width, height: imgView.frame.size.height))
        //현재 이미지를 화면에 그려줌 보여줌
        UIGraphicsGetCurrentContext()?.move(to: CGPoint(x: lastPoint.x, y: lastPoint.y))
        //이전에 움직인 위치를 시작 위치로 지정
        UIGraphicsGetCurrentContext()?.addLine(to: CGPoint(x: currPoint.x, y: currPoint.y))
        //마지막 위치에서 현재 위치까지 선을 생성
        UIGraphicsGetCurrentContext()?.strokePath()
        
        imgView.image = UIGraphicsGetImageFromCurrentImageContext()
        UIGraphicsEndImageContext()
        
        
        lastPoint = currPoint//현재위치를 마지막 위치로 지정
    }
    //터치한채로 움직이면 위에 함수가 계속 실행이된다.
    //움직이면서 선이 끊기지 않도록 보여줘야 하기 때문에 
    //currentPoint의 좌표로 lastpoint로 갱신시켜주는 것이다.
    
    override func touchesEnded(_ touches: Set<UITouch>, with event: UIEvent?) {
        UIGraphicsBeginImageContext(imgView.frame.size)
        UIGraphicsGetCurrentContext()?.setStrokeColor(lineColor)
        UIGraphicsGetCurrentContext()?.setLineCap(CGLineCap.round)
        UIGraphicsGetCurrentContext()?.setLineWidth(lineSize)
        
        let touch = touches.first! as UITouch
        let currPoint = touch.location(in: imgView)
        
        imgView.image?.draw(in: CGRect(x: 0, y: 0, width: imgView.frame.size.width, height: imgView.frame.size.height))
        UIGraphicsGetCurrentContext()?.move(to: CGPoint(x: lastPoint.x, y: lastPoint.y))
        UIGraphicsGetCurrentContext()?.addLine(to: CGPoint(x: currPoint.x, y: currPoint.y))
        UIGraphicsGetCurrentContext()?.strokePath()
        
        imgView.image = UIGraphicsGetImageFromCurrentImageContext()
        UIGraphicsEndImageContext()
    }
    //터치를 끝낼때 실행이된다.
    //끝날 때 한번만 실행하기 때문에 lastPoint를 currPoint로 갱신할 필요 없다.
    
    override func motionEnded(_ motion: UIEvent.EventSubtype, with event: UIEvent?) {
        if motion == .motionShake {
            imgView.image = nil
        }
    }
    //흔들면 화면이 지워진다.
    
    @IBAction func btnClearImgView(_ sender: UIButton) {
        imgView.image = nil
    }
    //화면에 그린것들 제거하는 버튼
    @IBAction func btnChageColorBlack(_ sender: Any) {
        lineColor = UIColor.black.cgColor
        
        UIGraphicsGetCurrentContext()?.setStrokeColor(lineColor)
    }
    @IBAction func btnChangeColorYellow(_ sender: Any) {
        lineColor = UIColor.yellow.cgColor
 
        UIGraphicsGetCurrentContext()?.setStrokeColor(lineColor)
    }
    @IBAction func btnChangeColotRed(_ sender: Any) {
        lineColor = UIColor.red.cgColor
        
        UIGraphicsGetCurrentContext()?.setStrokeColor(lineColor)
    }
    //위에 색깔을 바꾸는 버튼 들
    
    func textFieldShouldReturn(_ textField: UITextField) -> Bool {
        let width = Float(tfLineWidth.text!)
        //텍스트필드의 값을 string에서 float형으로 변환
        lineSize = CGFloat(width!)
        //타입을 CGFloat형으로 변환
        UIGraphicsGetCurrentContext()?.setLineWidth(lineSize)
        
        return true
    }
    //textField에서 return을 누르면 반환이 되는 함수 
    
}

                                               결과물👇

TextField에서 입력 후 return 값을 눌렀을 때 이벤트가 실행되게 하기 위해서는
UITextFieldDelegate를 상속받아야 합니다.