[날씨 기본앱] #1 메인 화면 구상하기

kimdocs...📄·2021년 9월 6일
0

CloneCoding💛

목록 보기
1/6
post-thumbnail

1️⃣ 기본앱 메인 화면 살펴보기

스크롤시 상단 부분의 "용인시"부분과 온도 라벨이 함께 올라가다 없어지고
온도 라벨은 점점 옅어지는 흉측한 모습을 볼 수 있다.

2️⃣ 구상하기

  • 전체 영역은 tableview로 잡고 tableview의 background는 투명하게 해준뒤 용인시와 온도라벨은 UIView로 밑에깔아주고
    tableview의 스크롤 정도에 따라 위치를 바꿔주고, alpha값을 조정해주기로 했다.
  • 가로로 스크롤이 되는 부분은 tableview cell안에 collection view를 넣어주었다.
  • 아래 요일별 날씨가 나와있는 부분은 셀 내부에 tableview셀을 넣어주었는데 지금 생각해보니 이렇게 하면 안됐다. tableview 셀 내부에 넣어준 이유는 collection view cell 부분을 sticky 헤더로 넣었기 때문에 끝까지 당겼을 때 셀의 내용이 header 아래로 통과하는 모습이 보여졌기 때문이다. (tableview background color를 투명으로 해주었기에) 따라서 셀 내부에 tableview을 배치했다.

  • 옆으로 스와이프 되는 부분은 page controller를 이용하였다.
profile
👩‍🌾 GitHub: ezidayzi / 📂 Contact: ezidayzi@gmail.com

0개의 댓글