Trouble Shooting

혹시모를.. 발표 대비

CollectionView Edit Mode

서론

저희 조는 처음에 edit mode라는 걸 몰라서 네비게이션바 버튼을 눌렀을 경우, 다중 선택을 위한 버튼을 추가 시키기 위해 registration을 재설정해서 뷰를 다시 그려줬습니다.

또한.. 이렇게 해주니까 swipe해서 delete 버튼을 표시해주는 기능이 들어가 있어서 다중 선택 중에도 swipe하면 delete 버튼이 나타나는 끔찍한 혼종이 탄생해버렸습니다... 🤯

이 부분에서 메모리 누수가 발생했고, 정상적인 방식이 아니라고 생각이 되었습니다.

< inset을 넣어줘서 view 위치를 이동시켰더니 .. 끔찍한 혼종이 탄생했습니다.jpg >

버튼이 생성될 때, 에니메이션도 설정이 불가능했고 edit 버튼을 다시 눌렀을 때에도 선택 버튼이 사라지지않는 문제까지 발생했습니다.

해결 방법

이걸 직접 조절하려다보니 문제가 생긴 것 같아서 근본적인 문제로 돌아갔습니다.

CollectionViewListCell에서 acceesoies를 추가 할 때, accessory가 보여지는 시점을 선정할 수 있는데, whenEditing이라는 옵션이 있었습니다.

아! 그러면 "collectionView에도 editing mode가 있겠지..?" 라는 결론에 도달했습니다.

그래서 collectionView에 내장 되어있는 isEditing이라는 메서드를 알아냈습니다.

유레카! 하지만 여기서 만족하지 않았습니다. 이 부분을 찾다보니 자체적으로 이미 구현이 되어있는 editButtonItem이 있다는 것을 알게 되었고, 이 버튼을 통해 edit 전환을 할 수 있는 것을 알게 되었습니다.

아래와 같이, viewDidLoad에서 별다른 선언 없이 간단하게 버튼을 추가시킬 수 있었습니다.

navigationItem.rightBarButtonItem = editButtonItem

이 setEditing 메서드를 오버라이드해서 editButtonItem를 터치하면 파라미터에 editing이 반영되어 자동으로 edit mode를 조절 할 수 있었습니다.

override func setEditing(_ editing: Bool, animated: Bool) {
        super.setEditing(editing, animated: animated)
        
        collectionView.isEditing = editing
        collectionView.allowsSelectionDuringEditing = editing
        collectionView.allowsMultipleSelectionDuringEditing = editing
}

결과

.. 이쁘다..

Bottom card VC

Problem

• 상위 VC에 bottom card VC을 embed하는 방식으로 해결하려고 함. (아래 코드 참조)

addChild(bottomVC)
bottomVC.view.frame = CGRect(origin: .zero, size: view.frame.size)
view.addSubview(bottomVC.view)
bottomVC.didMove(toParent: self)

• 하지만, 상단 navigation bar에 가려지는 현상이 발생함.

Solution

• Key Window 활용

• key window에 bottom card view를 삽입

var bottomViewController: IssueDetailBottomViewController?

func configureBottomView() {
	guard let bottomVC = storyboard?.instantiateViewController(identifier: "issueDetailBottomVC")
		as? IssueDetailBottomViewController
	else { return }

	bottomViewController = bottomVC
	let window = UIApplication.shared.windows.filter { $0.isKeyWindow }.first
	window?.addSubview(bottomVC.view)
}

• 해결! Bottom view가 navigation bar 위로 보여짐.