코틀린 어플 구현 프로젝트 - 오늘의 집 (1)

공부만 하다보니 프로젝트도 해야할 거 같고... 뭔가를 만들지 않으니 그만큼 대충하게 되는거 같아서 프로젝트를 하고자 한다. 프로젝트는 평소에 몇번 사용해봤던 오늘의 집을 그대로 구현해보려고 한다. 만들고자하는 오늘의 집 어플화면은 다음과 같다.

요소가 엄청 많다...!

 

 

현재 구현된 상태는 아래와 같다.

 

1. 하단에 tabLayout를 이용하여 홈, 스토어, 인테리어시공, 마이페이지 부분을 구현했다.
(+ 버튼은 floationgbutton으로 구현해야 하는거 같은데 추후에 작업하려고 한다..!)

 

2. tabLayout의 각 항목별로 fragment를 연결하여 화면을 변경하도록 구현했다.

 

구현한 사진은 다음과 같다.

 

 

아직 부끄럽다

 

 

앞으로 구현해야 할 것들은 많이 남았는데 하나하나 적어보도록 하겠다.

 

1. 홈 fragment 구현 - 상단 tablayout(viewPager2로 구현해야함), 검색창, 광고배너, 10개의 버튼, 아래의 콘텐츠 ... 등

2. 스토어 fragment 구현 - 상단 tablayout(viewPager2로 구현해야함), 검색창, 햄버거버튼, 배너 ... 등

3. 인테리어 fragment 구현 - 상단 tablayout ..등

4. 마이페이지 fragment 구현 - 상단 tablayout(viewPager2로 구현해야함) ... 등

 

전체적으로 모든 것을 구현하지는 못하겠지만 화면 구성이랑 서버통신해서 불러오는 것 까지는 구현할 예정이다!

매일매일 조금씩이라도 건드리자!

 

 

아 그리고 구현하는 동안 발생했던 오류와 기억해야할 것에 대해서도 적어놔야겠다.

 

 

1. tabItem에는 이름 넣지 말자! viewbinding할 때 nullpointerexception이 발생한다.

2. tablayout의 터치이벤트는 addOnTabSelectedListener를 사용해야 한다.

3. fragment 화면을 변경할때마다 transaction을 선언하여 replace를 하는데 이후 commitAllowingStateLoss()를 호출해야한다. 이는 commit()으로 발생할 수 있는 fragment간의 충돌을 막기위해서라고 한다.

관련 블로그 링크: https://devvkkid.tistory.com/87

화면 전환할 때 IllegalStateException이 나타난다면? commitAllowingStateLoss