iOS - Custom popup (커스텀 팝업창 만들기) + animation

 

custom Popup을 만들고 싶었습니다.

 

크게 UIView를 활용하는 방법과 UIViewController를 활용하는 방법으로 나뉩니다.

 

그중 UIViewController를 활용하는 방법에 대해서 알아보겠습니다.

 

 

1. Popup 만들기

 

https://m.blog.naver.com/PostView.nhn?blogId=tngh818&logNo=221539856664&proxyReferer=https:%2F%2Fwww.google.com%2F

 

위 블로그에 너무 잘 설명되어 있습니다.(감사합니다!)

 

위 블로그 내용에 첨언 하자면 backgroundColor를 black으로 하고 opacity를 50%로 주면 기존 다른 팝업들과 유사한 색상을 얻을 수 있습니다.

 

 

 

2. 애니메이션 효과

 

위 블로그 내용에는 아쉽게도 애니메이션이 적용이 안 되어있는데요.

간단하게 애니메이션을 적용할 수 있습니다.

 

class TransitionViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()
        
    }

    @IBAction func nextToButton(_ sender: Any) {
        let vc = UIStoryboard(name: "Transition", bundle: nil).instantiateViewController(withIdentifier: "SecondViewController") as! SecondViewController
        vc.modalPresentationStyle = .overCurrentContext
        vc.modalTransitionStyle = .crossDissolve
        present(vc, animated: true, completion: nil)
        
    }
}

 

.modalTransitionStyle = .crossDissolve 

 

이 친구 하나 추가해주고, animated: true 로 바꿔주면 화면 전환시 부드럽게 fade-in/out 되는 효과를 줄 수 있습니다.

(dismiss 할때는 animated만 true로 바꿔주면 됩니다.)