[Issue/UIKit] fullScreen vs OverFullScreen

 

🙁 문제상황 : 과제 프로젝트를 하는 도중, 다른 뷰컨트롤러를 화면에 꽉 찬 팝업창으로 불러오며 팝업창으로 만든 UIView 외의 영역엔 팝업창 VC를 불러오기 전 화면을 어둡게 보이고 싶었다. 나한테 화면에 꽉 찬 VC 전환은 당연히 fullScreen 이라고 외워두고 있었기 때문에 정작 적용했을 때 원하는 바가 이뤄지지 않았는데 ...

 

✏️ 해결한 방법: 사실 내가 간과한 것이 modal present style이 다양하다는 것과 내가 주로 fullScreen 옵션만 사용해서 다른 옵션의 존재를 까마득하게 잊고 있었다는 것. 그러니 옵션에 대해서 한정적으로 기억하지 말자는 의미로 기록해두기로 했다. (습관적으로 암기하려고 드는 걸 경계해야할 것 같다. 개발을 배우며 깨닫는 건 개발은 사고의 분야지 암기 분야가 아니라는 것...!)

 

 

 

 

 

 

 

(1) .fullScreen

	//SelectTamaViewController에 cell을 누르면 popUpViewController의 내용이 팝업으로 뜨게 하려는 게 목적
        

	guard let popUpViewController = self.storyboard?.instantiateViewController(withIdentifier: "popUpViewController") else {return}
        
        popUpViewController.modalPresentationStyle = .fullScreen
        
        self.present(popUpViewController, animated: true, completion: nil)

 

(guard let 문법도 다른 블로그들 예시를 참고해서 처음 써봤다. 근데 아직 긴가민가해서 나름대로 써놓긴 했지만 뭐랄까, 오류도 안 뜨고 시뮬레이터에서 작동은 잘 되지만 영 미덥지않다. 여기서.. 오류가 나면.. 어떻게 수정할건데? guard let 공부를 제대로 해야할 것 같다.)

 

 

여기서 내가 기억해야할 포인트는 적용할뷰컨트롤러.modalPresentationStyle = .fullScreen

fullScreen은 말그대로 불러온 VC로 화면을 통째로 덮어버린다.

 

그래서 어라? 이게 왜이러지?! 하고 당황했는데 조금만 검색해도 나온다. style을 바꾸면 된다는 걸.

 

 

 

 

 

 

 

 

(2) .overFullScreen

 

 

popUpViewController.modalPresentationStyle = .overFullScreen

 

위 코드에서 딱 스타일만 바꿔줬는데 바로 원하는 대로 화면 구현이 되었다. 이 과제 끝나면 아무래도 modal present style 정리도 다시 해야할 것 같다. 수업 들을 당시엔 종류도 적고, 자주 쓸 것 같은게 몇개 안되어서 필요할 때 찾으면 되겠다고 생각했는데 아니었다. 너무 안일했다. 그냥... 그냥 다른 선택지가 있다는 걸 기억하질 못한다. 

 

 

 

 

 

 

 

 

(3) 덤으로, 뒤에 다른 VC(팝업창을 띄운 VC)가 보이게 하려면 어떻게 하는지도 간결하게 정리해보기로.

 

 

 

 

 

 

- 이 단계에선 팝업창으로 쓸 VC의 배경색이 중요하다. 

 

 

 

 

- 뒤로 깔리는 VC를 비추어주려면 배경색이 불투명해야해서 opacity를 변경해주어야하기 때문에 Custom 으로 설정해준다.

 

 

 

 

 

 

- custom을 누르면, 컬러피커가 뜨는데 여기서 Opacity를 대강 50% 이하로 설정해주면 팝업창으로 만든 UIView 외 화면엔 원래 VC 화면이 어둡게 비치듯 보여진다.

 

 

 

 

 

 

 

---

 

 

 

 

 

 

📌 fullScreen vs OverFullScreen 정리

 

fullScreen : 뷰컨트롤러의 뷰들이 계층에서 사라지기 때문에 아무리 배경색의 투명도를 조절해도 뷰가 보이지 않는다. 쉽게 생각하면, 얘로 스타일 설정을 하면 새로운 화면을 깔아준다.

overFullScreen: 뷰컨트롤러의 뷰들이 계층에 남아있기 때문에 배경색의 투명도를 조절해주면 이전 화면이 보인다.