iOS) UISheetPresentationController - Custom Detents로 Sheet 높이 설정하기(WWDC2022)

기존 UISheetPresentationController에는 Detents가. medium과. large 뿐이었다.

iOS16부터는 Custom Detents를 이용해 Sheet의 높이를 직접 설정해줄 수 있게 되었다.

 

직접 해보자. WWDC2022 What's new in UIKit을 참고했다.

 

높이 200인 Detent를 detents배열에 추가해 주었다.

sheet.detents = [
    .custom{ _ in
        200.0
    }
]

 

 

 

최대 높이를 기준으로 높이를 설정할수도있다.

sheet.detents = [
    .custom{ context in
        0.3 * context.maximumDetentValue
    }
]

 

 

Custom Detent에 identifier를 줘서 sheet의 다른 프로퍼티에서 사용할 수도 있다.

extension UISheetPresentationController.Detent.Identifier {
    static let small = UISheetPresentationController.Detent.Identifier("small")
}

// Get a sheet
if let sheet = sheetView.sheetPresentationController {
    //Customize the sheet
    sheet.detents = [
        .custom(identifier: .small){ context in
            0.3 * context.maximumDetentValue
        }
    ]
    
    sheet.largestUndimmedDetentIdentifier = .small
}

 

 

identifier를 이용해 직접 Detent를 생성해서 사용할 수도 있다.

// Create Detent
let smallDetent = UISheetPresentationController.Detent.custom(identifier: .small) { context in
    return 20
}
// Get a sheet
if let sheet = sheetView.sheetPresentationController {
    //Customize the sheet
    sheet.detents = [
        .large(),
        smallDetent
    ]
}