내일배움캠프 7기 Android TIL 51일차 (2023.09.25)

일일 회고

 

심화 프로젝트가 시작되었다.

 

오늘은 회의 위주와 UI 디자인, 구현을 위주로 진행하였다.

 

추석이 껴있는 2주짜리 프로젝트인 만큼, 시간을 들여 열심해 해봐야겠다!

---

오늘의 키워드

• 심화 프로젝트 구현

---

심화 프로젝트 UI 구현

심화 프로젝트의 홈화면을 맡게 되어 우선 Figma로 디자인한 UI를 구현하였다.

Figma

xml로 구현 된 디자인

먼저, RecylclerView의 아이템을 구현하였다.

Constraint layout을 통해 ImageView, TextView의 위치를 조정하였다.

ImageView는 아직 받아올 이미지의 크기를 알지 못해 match_parent, 0dp를 부여한 후, constraintDimensionRatio를 4:3으로 해, 가로 세로 비율만 맞추어 두었다. 추후에 데이터를 가져왔을 떄, 이미지 크기가 이상하면 수정할 예정이다.

 

다음으로, 만든 item layout을 RecyclerView의 tools:listitem 속성을 통해 미리보기 작업을 해두었다.

RecyclerView의 orientation속성을 horizontal로 해두어 수평 스크롤을 할 수 있도록 해두었다.

디자인과 얼추 느낌이 맞는다.

 

카테고리 선택의 경우 오픈소스 PowerSpinnerView를 사용하였다. 기본 스피너 보다 커스텀하기 편하고, lightweight해서 사용하였다. 이 부분도 유튜브 데이터를 가져와서 카테고리 로직 처리를 해 줄 예정이다.