[iOS | Swift] 모달(Modal) 띄우기

someng·2022년 9월 30일
0

iOS

목록 보기
8/33

모달은 사용자에게 일시적으로 집중을 요하는 컨텐츠를 표시할때 사용된다.
Swift UIKit 에서 모달을 사용하는 방법을 알아보자.

모달 띄우기

우측 하단에 분홍색 floating button을 눌렀을 때, 모달이 등장하도록 코드를 작성할 것이다.
  1. ViewController버튼 IBAction을 연결
  2. 모달을 띄울 스토리보드 선언
  3. 스토리보드의 ViewController 선언
  4. present([뷰 컨트롤러], animated: true)

모달의 style을 fullscreen, pageSheet 등으로 지정할 수도 있다. 기본값은 automatic으로 설정되어 있다.

@IBAction func floatingButtonTapped(_ sender: Any) {
	let storyboard = UIStoryboard(name: "NewAlarm", bundle: nil)
	let vc = storyboard.instantiateViewController(withIdentifier: "NewAlarmViewController") as! NewAlarmViewController
//        vc.modalPresentationStyle = .fullScreen
	present(vc, animated: true)
}

모달 없애기


위 이미지처럼 모달 style을 디폴트 값인 automatic으로 설정했을 때는 모달을 아래로 내려 없앨 수 있지만,
fullscreen으로 설정하면 특정 action을 통해 모달을 없애는 메소드를 사용해야 모달을 없앨 수 있다.

// 취소' 버튼을 눌렀을 때, 모달이 사라진다.
@IBAction func cancelButtonTapped(_ sender: Any) {
	self.dismiss(animated: true)
}
profile
👩🏻‍💻 iOS Developer

0개의 댓글