사진 가져오기 (UIImagePickerController)

-
이번에는 사진을 카메라로 찍거나 앨범에서 가져와서 image를 표현하는걸 해보자.

아래와 같이 실행된다.


======================================================================
1. ImageView 생성
2. UIImagePickerController 생성
3. ImageView에 선택된 Image 표시하기
======================================================================

1. ImageView 생성
 사진을 표현하기 위한 UIImageView를 생성하고 이 ImageView를 tap 하였을 때 특정 event가 실행되게 한다.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
class ViewController: UIViewController {
    
    var sampImage: UIImageView!
    override func viewDidLoad() {
        super.viewDidLoad()
        // (1) UIImageView 생성
        sampImage = UIImageView()
        sampImage.frame.size = CGSize(width: self.view.frame.width/3 * 2, height: self.view.frame.height / 3 * 2)
        sampImage.center = CGPoint(x: self.view.frame.width / 2, y: self.view.frame.height / 2)
        sampImage.contentMode = .scaleAspectFit
        sampImage.backgroundColor = UIColor.blue
        
        // (2) UIImageView에 tapGesture 추가
        let tapGesture = UITapGestureRecognizer(target: self, action: #selector(imageTapped))
        self.sampImage.addGestureRecognizer(tapGesture)
        // (3)
        self.sampImage.isUserInteractionEnabled = true
        
        self.view.addSubview(sampImage)
    }
}
cs

(1) UIImageView생성
 - View size에 비례하게 ImageView size를 설정하고 위치는 View의 정중앙으로 한다.
 - Image 가져올 때 비율 설정을 하기 위해 contentMode 설정을 한다.
(2) UIImageView를 tap 할경우 특정 Event가 실행되도록 UITapGestureRecognizer를 추가한다.
(3) UIImageView를 tap 할 경우 반응을 할 수 있도록 isUserInteractionEnabled를 true로 설정한다.


2. UIImagePickerController 생성
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
class ViewController: UIViewController, UIImagePickerControllerDelegate, UINavigationControllerDelegate {
    
    var sampImage: UIImageView!
    override func viewDidLoad() {
        ....
    }
    
    // (1)UIImagePickerController 생성하는 보조 함수
    func imgPicker(_ source: UIImagePickerControllerSourceType) {
        let picker = UIImagePickerController()
        picker.sourceType = source
        picker.delegate = self
        picker.allowsEditing = true
        self.present(picker, animated: true, completion: nil)
    }
    
    // (2)Imgage Tap하였을 때 실행
    @objc func imageTapped() {
        let alert = UIAlertController(title: "선택하시오", message: nil, preferredStyle: .alert)
        if UIImagePickerController.isSourceTypeAvailable(.camera) {
            alert.addAction(UIAlertAction(title: "camera", style: .default, handler: { (_) in
                self.imgPicker(.camera)
            }))
        }
        if UIImagePickerController.isSourceTypeAvailable(.photoLibrary) {
            alert.addAction(UIAlertAction(title: "photoLibrary", style: .default, handler: { (_) in
                self.imgPicker(.photoLibrary)
            }))
        }
        if UIImagePickerController.isSourceTypeAvailable(.savedPhotosAlbum) {
            alert.addAction(UIAlertAction(title: "savedPhotosAlbum", style: .default, handler: { (_) in
                self.imgPicker(.savedPhotosAlbum)
            }))
        }
        alert.addAction(UIAlertAction(title: "cancel", style: .cancel, handler: nil))
        self.present(alert, animated: true, completion: nil)
    }
}
cs

(1) UIImagePickerController를 생성하기 위한 보조 함수이다.
 - (2)에서 중복으로 사용되는 부분이라 이렇게 함수로 따로 빼놓았다.
 - sourceType을 매개변수로 입력받아서 sourceType에 맞는 PickerController를 나타내 준다.
 - PickerController를 사용하기 위해선 두가지 프로토콜(UIImagePickerControllerDelegate, UINavigationControllerDelegate)을 추가해야 한다.
(2) Image를 tap 하였을 때 UIAlertController가 나오게 하였다.
 - UIImagePickerControllerSourceType의 경우 세가지로 되어 있다. 각 type이 적용 가능한지 check한 후 거기에 맞는 pickerController를 나타내게 하였다.

3. ImageView에 선택된 Image 표시하기
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
class ViewController: UIViewController, UIImagePickerControllerDelegate, UINavigationControllerDelegate {
    
    var sampImage: UIImageView!
    override func viewDidLoad() {
        ....
    }
    
    // UIImagePickerContrtoller 생성하는 보조 함수
    func imgPicker(_ source: UIImagePickerControllerSourceType) {
        ....
    }
    
    // Imgage Tap하였을 때 실행
    @objc func imageTapped() {
        ....
    }
    
    // (1)Image 선택이 완료되었을 때 실행되는 Delegate 함수
    func imagePickerController(_ picker: UIImagePickerController, didFinishPickingMediaWithInfo info: [String : Any]) {
        if let image = info[UIImagePickerControllerEditedImage] as? UIImage {
            self.sampImage.image = image
        }
        picker.dismiss(animated: true, completion: nil)
    }
}
cs

(1) Image가 선택되면 자동으로 실행되는 delegate 함수이다.
 - info에 UIImagePickerControllerEditedImage 를 선택하여 수정된 image를 가져오게 한다.
 - 화면에 표시될 image를 이렇게 가져온 image로 표시한다.












댓글

댓글 쓰기

이 블로그의 인기 게시물

N-Calculator 개인정보 처리

-
1. 개인정보의 처리 목적 (‘https://banggutaeng.blogspot.c’이하 ‘N-Calculator’) 은(는) 다음의 목적을 위하여 개인정보를 처리하고 있으며, 다음의 목적 이외의 용도로는 이용하지 않습니다. - 고객 가입의사 확인, 고객에 대한 서비스 제공에 따른 본인 식별.인증, 회원자격 유지.관리, 물품 또는 서비스 공급에 따른 금액 결제, 물품 또는 서비스의 공급.배송 등 2. 개인정보의 처리 및 보유 기간 ① (‘https://banggutaeng.blogspot.c’이하 ‘N-Calculator’) 은(는) 정보주체로부터 개인정보를 수집할 때 동의 받은 개인정보 보유 ․ 이용기간 또는 법령에 따른 개인정보 보유 ․ 이용기간 내에서 개인정보를 처리 ․ 보유합니다. ② 구체적인 개인정보 처리 및 보유 기간은 다음과 같습니다. ☞ 아래 예시를 참고하여 개인정보 처리업무와 개인정보 처리업무에 대한 보유기간 및 관련 법령, 근거 등을 기재합니다. (예시)- 고객 가입 및 관리 : 서비스 이용계약 또는 회원가입 해지시까지, 다만 채권 ․ 채무관계 잔존시에는 해당 채권 ․ 채무관계 정산시까지 - 전자상거래에서의 계약 ․ 청약철회, 대금결제, 재화 등 공급기록 : 5년 3. 정보주체와 법정대리인의 권리·의무 및 그 행사방법 이용자는 개인정보주체로써 다음과 같은 권리를 행사할 수 있습니다. ① 정보주체는 MRsonMAN(‘https://banggutaeng.blogspot.c’이하 ‘N-Calculator) 에 대해 언제든지 다음 각 호의 개인정보 보호 관련 권리를 행사할 수 있습니다. 1. 개인정보 열람요구 2. 오류 등이 있을 경우 정정 요구 3. 삭제요구 4. 처리정지 요구 4. 처리하는 개인정보의 항목 작성 ① ('https://banggutaeng.blogspot.c'이하 'N-Calculator')은(는) 다음의 개인정보 항목을 처리하고
자세한 내용 보기

알림창 커스터마이징 (Customizing AlertController) - I

-
이미지
알림창을 좀더 사용자화 하여 내가 원하는 알림창을 만들어 보자. 아래와 같은 모습을 나타내도록 하겠다. <완성 화면> -- 순서 --  1. UIAlertController 구현  2. AlertView에 UIViewController 추가  3. UIViewController에 mapView 생성  4. mapView에 annotation 추가 ---------- 1. UIAlertController 구현  #apple에서 ios8.0 부터 UIAlertView/UIActionSheet가 아닌 UIAlertController를 사용하게 하였다. 하여 UIAlertController 설정에 preferredStyle 매개변수의 인자값으로 alertView와 actionSheet를 선책할 수 있게 되었다. 좀더 간편해진 느낌이 들긴 한다. UIAlertController 생성하고 addAction으로 ok / No 로 선택할 Action을 추가하였다. addAction에서 handler에는 아무런 action이 없도록 nil 처리 하였다. <실행 화면> 2. AlertView에 UIViewController 추가 UIViewController로 contentView 하나 생성하고 알아볼 수 있게 바탕화면을 붉은색으로 설정하였다. 그리고 alertView에 contentView를 등록하였다. 등록을 하기 위해 setValue(_:forKey:) methode를 이용하였고 이때 forKey: 부분에 속성으로 반드시 "contentViewController"로 명기하여야 한다. 왜 apple에서 그랬는지는 모르겠지만 alertView에 커스터마이징 할 수 있는 public API를 제공하지 않는 듯 하다. 하여 이렇게 private API를 사용하여 커스터마이징 할 수 밖에 없는 듯 보인다. <실행 화면> 3. UIViewController
자세한 내용 보기

Sudoku_GGagi 개인정보 처리방침

-
1. 개인정보의 처리 목적   (‘https://banggutaeng.blogspot.com’이하 ‘Sudoku_GGagi’) 은(는) 다음의 목적을 위하여 개인정보를 처리하고 있으며, 다음의 목적 이외의 용도로는 이용하지 않습니다. - 고객 가입의사 확인, 고객에 대한 서비스 제공에 따른 본인 식별.인증, 회원자격 유지.관리, 물품 또는 서비스 공급에 따른 금액 결제, 물품 또는 서비스의 공급.배송 등 2. 개인정보의 처리 및 보유 기간 ①  (‘https://banggutaeng.blogspot.com’이하 ‘Sudoku_GGagi’) 은(는) 정보주체로부터 개인정보를 수집할 때 동의 받은 개인정보 보유․이용기간 또는 법령에 따른 개인정보 보유․이용기간 내에서 개인정보를 처리․보유합니다. ② 구체적인 개인정보 처리 및 보유 기간은 다음과 같습니다. ☞ 아래 예시를 참고하여 개인정보 처리업무와 개인정보 처리업무에 대한 보유기간 및 관련 법령, 근거 등을 기재합니다. (예시)- 고객 가입 및 관리 : 서비스 이용계약 또는 회원가입 해지시까지, 다만 채권․채무관계 잔존시에는 해당 채권․채무관계 정산시까지 - 전자상거래에서의 계약․청약철회, 대금결제, 재화 등 공급기록 : 5년 3. 정보주체와 법정대리인의 권리·의무 및 그 행사방법 이용자는 개인정보주체로써 다음과 같은 권리를 행사할 수 있습니다. ① 정보주체는 MRsonMAN(‘https://banggutaeng.blogspot.com’이하 ‘Sudoku_GGagi) 에 대해 언제든지 다음 각 호의 개인정보 보호 관련 권리를 행사할 수 있습니다. 1. 개인정보 열람요구 2. 오류 등이 있을 경우 정정 요구 3. 삭제요구 4. 처리정지 요구 4. 처리하는 개인정보의 항목 작성  ①  ('https://banggutaeng.blogspot.com'이하 'Sudoku_GGagi') 은(는) 다음의 개인정보 항목을 처리하고 있습니다. 1<해당 없음> - 필수항목 :
자세한 내용 보기