[iOS] 모달(Modal) 이란?

모달은 사용자의 이목을 끌기 위해 사용하는 화면전환 기법입니다. 네비게이션 인테페이스와는 달리 정보의 흐름을 가지고 화면을 이동한다기 보다는 꼭 이목을 끌어야하는 화면에서 사용합니다. 그래서 모달로 보이는 화면은 되도록 단순하고 사용자가 빠르게 처리할 수 있는 내용을 표현하는 것이 좋습니다. 간혹 도움말이나 회원가입 창 같은 정도로 쓰면 괜찮을 것 같습니다.

 

모달을 구현하기 위해 먼저 뷰 컨트롤러 2개를 생성하겠습니다.

다음뷰로 넘어가기위해 2개의 버튼을 만들고 첫번째 버튼을 오른쪽 뷰 컨트롤러에 드래그하면 검은 창이 뜨는데 Present Modally 를 클릭해줍니다.

다음은 뒤로가기 버튼을 구현해보겠습니다. 뒤로가기는 코드로 구현해줘야하는데 먼저 오른쪽 뷰컨트롤러의 클래스를 만들어줍니다. New File을 클릭하여 적당한 이름의 클래스를 생성합니다. 그리고 버튼이벤트인 IBAction 을 아래와 같이 구현합니다.

- (IBAction)onTouchedButton:(id)sender {
    // 되돌아가기 기능
    [self dismissViewControllerAnimated:YES completion:nil];
}

그리고 버튼에 해당 메서드를 연결시켜주고 실행하면 정상동작 하는 모습을 볼 수 있습니다.

---

참조

• https://www.edwith.org/boostcourse-ios/lecture/16880/