[TIL / 25.02.13] 다중 섹션 및 헤더가 포함된 사이드 메뉴 구현
·
iOS/Swift
1. 오늘 진행한 작업지난 포스트에서 사이드메뉴에 대한 토대를 마련했다면, 이번 포스트에선 그 안에 들어가는 메뉴들에 대한 UI를 구현해보았다.화면에서 보았듯, 포인트를 이렇게 잡았다. 1. 일정 UI 구조의 반복되는 컴포넌트가 두 형태를 가짐(내 블로그 같은 Label 위주의 메뉴, Developers 하단에 있는 여러 컴포넌트가 종합되어있는 카드 셀)2. 메뉴의 개수 혹은 Developers의 멤버 수가 많아질수록 전체 뷰의 높이는 더 커져야 함.3. 스크롤할 수 있어야 함. 제일 먼저 스크롤할 수 있어야 하는 부분 때문에, 상위 ScrollView를 두고 안에 컴포넌트들을 배치할까 했으나 동적 높이를 컨트롤하기엔 효율적이지 못함 -> 스크롤뷰를 상속받고 내부 요소 주입만 해주면 알아서 높이 지정이 ..
[TIL / 25.02.10] 헤더를 이용한 테이블뷰를 구성, 셀과 헤더 높이 자동 계산
·
iOS/Swift
네 전에 만들었던 뷰를 재사용할 수 있어서 이렇게 구현 후에 가져왔습니다. 일단 포스트들의 섹션 전에 있는 검색, 태그 섹션에 있어서 각자 다른 UI를 가지기에 원래 스크롤뷰로 해야겠거니...! 했는데이 경우엔 포스트가 몇개가 오느냐에 따라 스크롤할 수 있는 영역의 높이 자체도 다르고 그걸 계산해서 지정해주기에도 무리가 있으니테이블뷰의 특성을 활용하면 되겠다고 판단했습니다. 보시면 포스트 구간에서는 스크롤을 해도 저런 포스트들의 셀들이 끝없이 나올거잖아요? (정해진 갯수만큼이겠지만!)이러한 특성을 고려해 반복되지 않는 구간인 "All Post" 타이틀 까지의 영역을 헤더로 구현하고 그 아래엔 셀들을 넣어주면 되겠다~고 생각하며 구현했습니다. let blogTableView = UITableView(fra..