[ iOS ] cell 내 버튼 선택 이벤트 구현 (+ Delegate 패턴)

공부한 내용을 정리한 글입니다.

 

 

문제

사진 내 버튼 선택하기

 

 

 

 

 

 

 

 

 

---

 

 

 

 

 

 

 

 

1.  cell 내 버튼 이벤트 발생시키기

UICollectionViewControllerDelegate의 collectionView(_:didSelectItemAt:) 메서드를 통해 collectionView Cell의 선택 이벤트를 처리할 수 있다. 하지만 이 이벤트는 cell의 이벤트를 의미하지 cell 내 버튼의 이벤트를 의미하지는 않는다. 우리는 버튼이 cell 내에 있다는 것을 알고 있어야 한다.

collectionView(_:didSelectItemAt:)
델리게이트에 특정한 인덱스의 아이템이 선택되었음을 알린다.

 

버튼에 선택 이벤트가 발생하면 해당하는 액션 함수가 호출되므로, 액션함수 내에 사진을 선택하는 작업을 구현하면 된다. 하지만 전체 사진목록과 선택된 사진 목록은 ImagePickerViewController에 있기 때문에 ImageCollectionViewCell에서는 원하는 작업할 수 없다. 그럼 어떻게 해야할까?

 

 

 

 

 

 

 

 

 

2. Delegate 패턴

 

 

[ IOS ] 피커 뷰 만들기 ( 프로토콜, 델리게이트 메서드 )

Delegate
delegate는 '위임하다.'라는 의미를 가지며 프로토콜로 구현된다.
예) A.delegate = B
A가 해야할 작업을, B가 권한을 위임받아 수행한다.

 

 

Delegate 패턴을 사용하면 ImageCollectionViewCell에서 이루어져야 할 작업을 ImagePickerViewController에서 구현할 수 있다. 그렇게 ImagePickerViewController에서 구현한 메서드를 버튼의 액션함수에서 호출하면 우리가 원하는 결과를 얻을 수 있다.

 

//ImageCollectionViewCell.swift

protocol ImageCollectionViewCellDelegate: AnyObject {
    func didSelectCountButton(_ cell: ImageCollectionViewCell)
}

class ImageCollectionViewCell: UICollectionViewCell {
    ...
    weak var delegate: ImageCollectionViewCellDelegate?
    ...
    
    private func 버튼의 액션함수(){
        delegate?.didSelectCountButton(self)
    }
}

• delegate는 참조순환을 피하기 위해 weak 타입으로 선언되어야 하는데, weak 타입은 열거형, 구조체 등 클래스가 아닌 곳에서는 사용될 수 없다. 따라서 해당 프로토콜이 클래스에서만 채택된다는 것을 명시해 주기 위해 AnyObject를 상속해준다.
• AnyObject: 해당 타입을 상속받는 프로토콜은 암묵적으로 클래스에만 채택되는 프로토콜이다.

 

 

//ImagePickerViewController.swift

extension ImagePickerViewController: ImageCollectionViewCellDelegate {//프로토콜 채택
    func didSelectCountButton(_ cell: ImageCollectionViewCell) {
        ...
    }
}

 

 

 

 

 

 

 

 

 

 

3. delgate 위임받기

정리를 하자면, ImageCollectionViewCell(cell)의 메서드를 ImagePickerViewController(collection)에서 대신 구현해주는 과정이다. 그런데 이 둘은 어떻게 연결되어 있을까? 방법은 delegate 프로퍼티이다. 위임받는 클래스에서 해당 delegate 프로토콜을 채택하고 위임하는 클래스의 delegate 프로퍼티에 자신(self)을 할당하면 서로 연결된다.

ImageCollectionViewCell.delegate = self

 

 

 

 

여기서 주의해야 할 점은 각 cell 마다 작업을 위임해주어야 한다는 점이다. 모든 사진은 선택 버튼이 존재한다. 즉, 모든 cell에서 선택 이벤트가 필요하다. 따라서 각 cell 마다 작업을 ImageCollectionViewController에 위임해주는 작업이 필요하다.

ImageCollectionViewController 클래스에서 모든 cell들을 각각 만나는 부분이 있는데, 바로 UICollectionViewControllerDataSource의 collectionView(_:cellForItemAt:) 메서드이다. 이 메서드는 cell을 구성하여 collctionView에 반환하는 메서드이므로 모든 cell의 클래스에 접근한다.

//ImagePickerViewController.swift

extension ImagePickerViewController: UICollectionViewDataSource {
    ...
    
    func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
        guard let cell = self.imageCollectionView.dequeueReusableCell(withReuseIdentifier: ImageCollectionViewCell.identifier, for: indexPath) as? ImageCollectionViewCell else {return UICollectionViewCell()}
        
        cell.delegate = self
        ...
        
        return cell
    }
}

 

 

 

 

 

 

 

 

 

 

 

---

 

 

 

 

 

 

 

 

 

Delegate

Delegate 패턴이란?

Delegate 패턴을 사용할 때 AnyObject를 상속받는 이유와 weak를 사용하는 이유