minaje

UISheetPresentationController? 아! Half Modal?! 본문

iOS/UI

UISheetPresentationController? 아! Half Modal?!

minaje 2023. 5. 15. 16:07

UISheetPresentationController?

우선 이 친구는 iOS 15버전 이상부터 가능하니!
미니멈 타겟층이 낮은 프로젝트는 직접 구현해야한다.. ㅠ

iOS 15에 들어오면서 UIViewController는 sheetPresentationController라 불리는 새로운 프로퍼티를 가지게된다.

따라서 우리는 UIViewController에서 UISheetPresentationController에 접근할 수 있다.

 

https://www.appcoda.com/bottom-sheet-uikit/

UISheetPresentationController  위처럼 Bottom Sheet을 UIKit에서 간편하게 만들어주는 것이다!

 

detent

UISheetPresentationController 는 detent라는 프로퍼티가 있다.

detent는 Bottom Sheet의 크기를 지정할 수 있습니다.

.medium()과 .large()가 있다.

.medium()은 화면의 절반 정도를 차지하는 BottomSheet이고,
.large()는 full screen을 사용하는 BottomSheet이다.

 

Grabber

Grabber

Grabber는 sheet의 위에 저렇게 잡는 부분을 나타낸다.

sheet.prefersGrabberVisible = true

이런 식으로 선언을 하여 Grabber를 나타낼 수 있다.

 

Background Shadow

sheet이 보여질 때 sheet의 밑이 어둡게 보이려면 

sheet.smallestUndimmedDetentIdentifier = true

이렇게 설정을 해주면 된다!

 

스크롤 시 드래그 막기

BottomSheet을 스크롤을 했는데 자꾸 FullScreen으로 바뀐다면

sheet.prefersScrollingExpandsWhenScrolledToEdge = false

이렇게 설정해주면 스크롤 시 드래그가 안된다!