에셋이 양측과 가운데에서 동시에 보일 때 가로 중앙 정렬이 맞지 않는 qa 를 해결했습니다.
다음과 같이 구조를 변경하였습니다. 컬렉션 뷰의 셀의 높이를 꽉채우는 것이 아니라 bottom inset 을 포함하여 셀의 정중앙에 플레이크 이미지를 넣었고, 위쪽으로 붙였습니다.
(참고 사항에서 이전에 구현되어 있던 방법도 작성해두었습니다.)
🚨참고 사항
왜 QA가 발생하도록 구현되었는지에 대한 이야기를 공유하다가 아이디어가 생각났기 때문에 협업에서 공유한 내용을 여러분한테도 공유해드립니다. 처음부터 쉽게 접근할 수도 있었는데 조금 어렵게 생각했나봐요 🥲
빨간 네모를 스크롤 영역으로 정했었고, 이를 구현하기 위해서 파란 네모를 각 플레이크가 담길 수 있는 뷰로 설정하게 되었어요!
그러다보니까 우리가 흔히 알고 있는 다음과 같은 케러셀의 모양처럼 y 축의 정가운데를 기준으로 축소되고 확대되는 구조가 아니라 조금은 아치형으로 확대/축소가 되는 구조로 구현할 수 밖에 없었던 것 같아요..!
즉, 파란네모의 y축 정가운데를 기준으로 위아래의 축소/확대를 진행하면 정작 플레이크의 y축 정가운데를 기준으로는 구현될 수 없었어여
이제보니 이 부분을 구현하면서 고려했어야 했는데 부족했네요 🥲
지금은 최선이지만 또 해결방법을 찾게되면 변경하겠습당
가로 중앙 정렬이 꼭 맞아야 한다면 케러셀 모양을 유지하기는 쉽지 않을 것 같아요
가로 중앙 정렬이 꼭 맞아야 한다면 스크롤 되는 영역이 “33일을 달성하면 얻을 수 있어요” 주변을 포함하지 못할 수도 있을 것 같아요
고려해주시면 디자인이 바뀌더라도 다시 구현해보겠습니다ㅜ
슬랙이나 회의 때 영역에 대해서 물어보면서 구현적으로 힘들 수도 있는 부분이 있지만 최대한 해봐야지라고 생각했는데 스크롤 영역에 대해서 초점을 맞추다보니 놓친 것 같습니당 꼼꼼히 QA 해주셔서 감사합니당 🥲
🔥Pull requests
⛳️ 작업한 브랜치
👷 작업한 내용
🚨참고 사항
📸 스크린샷
📟 관련 이슈