-
Notifications
You must be signed in to change notification settings - Fork 2
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
[Refactor] Bottom Sheet + Cropping #278
Conversation
- `sheetPresentationController`를 이용하여 Bottom Sheet 생성 - custom detents를 적용하기 위해 지원 버전을 iOS16로 올림
- Constraints 재설정 - grabber view 제거 - 줄일 수 있는 코드 제거
- grabber view 삭제 - constraint 재구성
- 두 클래스 전부 final 설정 - SortBottomSheetView의 선택시 보이는 체크 이미지 간격 조절 - grabber view 제거 - stackview 프로퍼티 옵션과 constraint 재구성 - 인기순, 최신순 사이 간격 조절
- grabber view 삭제 - constraint 재구성
- grabber view 삭제 - constraint 재구성
1. LocationTableViewCell: Constraint 재설정 2. LocationBaseView: height constraint 수정 3. LocationBottomSheetViewController - 버튼 라벨링 수정 - Constraint를 `앱디자인`에 맞게 수정
- grabber view 제거 - constraint 재설정 - dismiss animation을 `true`로 설정
- grabber view 제거 - 디자인에 맞지 않는 타이포 수정(With us! -> With Us!) - collectionView constraint 재구성 (contentInset 대신에 constraint로 처리)
- grabber view 제거 - constraint 재구성 - dismiss animation을 true로 설정
DateBottomSheetViewController, PhotoBottomSheetViewController의 dismiss animation을 true로 설정했습니다.
iOS는 양쪽을 2배수(16)이 아니라 3배수(24)로 작업해야한다는 얘기를 들어서.. 다시 수정해서 올릴게요 🥹 |
양 옆을 `16`에서 `24`로 설정
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
디자인팀에게 오케이받았다는게 그래버잡고 위로 스크롤할때 컨텐츠가 안따라가는 부분인가요 ? 그게 아니라면 네이버맵스같은 앱에서는 따라가던데 그렇게하면 어떨까싶어서요 !!
진짜 말 그대로 grabber 디자인이 플럽과 다르지만, 디자인 팀에게 컨펌을 받았다는 뜻입니다!(플럽 디자인의 grabber는 애플이 제공하는 grabber에 비해 가로 길이가 넓음) 네이버 맵스와 같이 grabber를 잡아 위로 당기면 바텀 시트가 올라가게끔 처리할 수 있습니다. 나중에 구현하실 때 저에게 말씀해주세요 :) 자세히 설명해드릴게요. |
오오 네 알겠습니다 👍 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
고생 많으셨습니다 승현님..!
sheetPresentationController 덕분에 새로운 것도 알아갑니다!!
기존 바텀 시트 문제점이 많았는데, 수정해주셔서 감사드려요
private let modifyBoardView = PhotoBottomSheetListView(text: "게시글 수정", image: "editBlack") | ||
private let reportBoardView = PhotoBottomSheetListView(text: "게시글 신고", image: "lightBeaconMain") | ||
private let deleteBoardView = PhotoBottomSheetListView(text: "게시글 삭제", image: "trashRed", textColor: .error) | ||
private let clipboardFixView = BottomSheetListView(text: "클립보드에 고정", image: "pinBlack") |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
이거 여러군데 사용되어 있길래 수정해볼까했는데..! 감사합니다 승현님👍🏻👍🏻
📌 PR 요약
🌱 작업한 내용
sheetPresentationController
를 이용하여 BottomSheet를 리팩토링했습니다.iOS
페이지 ->앱 디자인
페이지에 맞게 변경)PhotoBottomSheetListView
의 이름을BottomSheetListView
로 변경했습니다.🌱 PR 포인트
더 이상 grabber view를 따로 생성할 필요가 없습니다. 자동으로 추가해줍니다! (PLUB과 디자인이 다르지만, 디자인 팀에게 OK 사인을 받았습니다!)
만약 필요없는 경우
sheetPresentationController
프로퍼티의prefersGrabberVisible
값을false
로 처리해주세요.BottomSheetViewController를
present
하게 될 때,animation
은true
로 하셔도 무방합니다.📸 스크린샷
Board
Date
Location
Participant
Photo(Crop 적용 전, 적용 후)
QuestionDelete
Schedule
Sort
Todo
📮 관련 이슈
References