[UIKit] 하프모달 구현(Scrollable Bottom Sheet) - SheetPresentationController

---

코드를 실행하면 왼쪽의 검은색 화면 처럼 뜬다. 

왜 모달이 안 뜨고 버튼이 뜨는지 의문이었다. 

배경을 화이트로 설정해두고 보니 모달은 올라 왔으나

배경이 검은색이어서 버튼만 올라온 것처럼 보였다. 

 

그리고 여기서의 문제는 내가 vc를 현재의 ViewController로 설정해서 그런 것!

 

해결을 하기위해서는 모달을 띄어줄 새로운 UIViewController 파일을 생성해줘야 한다. 

 

 

Cocoa Touch Class 파일로 만들어준다. 

 

 

 

Subclass of : 부분을 UIViewController를 상속한 클래스로 설정해준다. 

 

 

import UIKit

//ModalController.swift
class ModalController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()

        view.backgroundColor = .yellow
    }
}


//ViewController.swift
class ViewController: UIViewController {
    
    
    override func viewDidLoad() {
        super.viewDidLoad()
        view.backgroundColor = .white
        let ordeListButton = UIButton()
        ordeListButton.setTitle("Show Alert Button", for: .normal)
        ordeListButton.setTitleColor(.white, for: .normal)
        ordeListButton.backgroundColor = .blue
        ordeListButton.frame = CGRect(x: 100, y: 100, width: 200, height: 50)
        self.view.addSubview(ordeListButton)
        
        ordeListButton.addTarget(self, action: #selector(ShowOderList), for: .touchDown)
        
    }
    
    @objc
    func ShowOderList(){
        //전환하고 싶은 화면의 viewController 이름
        let vc = ModalController()

        if let orderSheet = vc.sheetPresentationController {
            orderSheet.detents = [.medium()]
        }
        self.present(vc, animated: true)
    }
}

 

 

 

 

코드 실행 결과

 

제대로 뜨는 것을 확인할 수 있다.