Instagram App clone coding(2)

대략적인 틀은 일단 이렇게 하려고 한다.

 

그림처럼 앞서 만들었던 bottomNavigation 을 이용해 5개의 fragment 를 연결하고

 

처음 나오는 Home 화면에 ViewPager2 를 이용하여 3개의 fragment를 만들었다.

두번째로

돋보기를 누르면 나오는 View인데 여기에는 Appbar collapstingToolbar를 이용하여 사라지게 하고 밑에 RecyclerView Layoutmanager로 GridLayout span 열당 3개씩 오게 설정하자. 

 

 

3번째 4번째 fragment는 릴스와 샵 인데 좀 더 생각해보려고 한다. 

일단. 릴스는 recyclerview 달고 Recyclerview item 에 버튼이랑 영상들어가는 view 좋아요 팔로우 이런 버튼 달아서 어뎁터에서 Data 연결하는데 서버랑 디비에서 개인이 올린 영상 좋아요 숫자, 댓글, 팔로우 타는 버튼 주소로 받아와서 넣어주면 눌렀을 때 그사람 개인페이지로 넘어가게 해주면 되지 않을까 싶다. 

shop도 비슷하게 RecyclerView 다는데 여기는 Grid로 달고 span 2로 잡고 하면 될것같다. 자세한건 더 생각해봐야겠다. 서버랑 디비 연동해서 다른 사람들 보여주게 작업하면 되지 않을까??

마지막으로  개인페이지이다.

 

여긴 먼저, 스크롤을 밑으로 하면 새로고침이 돼서 저건 어떻게 하지?? 생각하다 RefreshView layout 알게 되었다. 

일단 이걸로 구현하려고 했다. 커스텀은 잘 모르겠고 , 오픈 소스도 있긴 했지만 사용하진 않았다.

또 스크롤을 위로 하면 다 사라지지 않고 남는 부분이 있다는걸 보고 CollapsingToolbar를 만들고 그 안에 스토리 하이라이트라고 터치하면 나오는 view가 있어서 RecyclerView를 감싸 animation 효과를 주었다.

그 밑으로는 탭이 있으니까 TabLayout - ViewPager2 를 사용해서 각 fragment 안에 Recyclerview adapter로 만들어주면 되지 않을까 싶었다.

 

어디까지 구현해야하는지 제한을 정확히 못두겠다. 일단 너무 복잡하게는 만들지 않을 생각이다.