병원 상세정보 화면 구현

[dongx0915]

📝 Description

병원 상세 정보 화면 구현

📍 Todo

• [ ] 병원 상세 정보 화면 구현

📢 To Reviewers

🔗 Reference

• [ CollapsingToolbarLayout ] 사용하면 스크롤 했을 때, 탭이 상단바가 되게 할 수 있음 (https://mparchive.tistory.com/175)

[dongx0915]

BottomSheetDialog Sticky Button

바텀시트 다이얼로그 하단에 버튼을 고정하는 방법

참고 자료 : https://github.com/lixw1021/Learning-Lib/blob/master/app/src/main/java/com/xianwei/learninglib/lib_android/bottomsheet/CustomBottomSheet.kt

[dongx0915]

TabLayout 동작 구현

스크롤된 화면에 따라 TabLayout 선택되게 하기

https://velog.io/@ejjjang0414/%EC%95%88%EB%93%9C%EB%A1%9C%EC%9D%B4%EB%93%9C-scroll-%EC%97%90-%EB%94%B0%EB%9D%BC-tab-%EB%B0%94%EA%BE%B8%EA%B8%B0

특정 View까지 스크롤하는 메소드 구현하기

https://greedy0110.tistory.com/41

[dongx0915]

TabLayout의 TabItem 간격 일정하게 만들기

TabLayout 속성 지정

    app:tabIndicatorFullWidth="true" // indicator가 TabItem 너비와 동일하도록 지정
    app:tabGravity="fill"

TabItem 사이 Margin 넣기

• 이 작업을 해줘야 간격이 생겨서 자연스러워짐

        repeat(_bind.tabLayout.tabCount){
            val tab = (_bind.tabLayout.getChildAt(0) as ViewGroup).getChildAt(it)
            val params = tab.layoutParams as MarginLayoutParams

            if(it == _bind.tabLayout.tabCount-1) params.setMargins(0, 0, 0, 0)
            else params.setMargins(0, 0, 50, 0)
            tab.requestLayout()
        }

[dongx0915]

2023-04-14 해야할 일

1. TabLayout 이슈 해결

   Scroll 된 위치에 따라 선택되는 TabItem이 바뀌도록 구현 했으나, 병원 정보가 부족하여 첫번째 Item에만 머물러 있음 ( 첫번째 병원 정보인 시간 정보 레이아웃이 너무 커서 맨 끝으로 내려도 첫 번째 탭으로 인식함) 병원 정보를 추가하거나 기준점을 수정해야할 듯

2. CollaspingToolbarLayout 관련 이슈 해결

   CollapsingToolbarLayout 부분에 해당하는 레이아웃이 펼쳐져 있을 떄, TabItem을 선택하면 펼쳐진 상태로 NestedScrollView에서만 스크롤이 일어남 CollapsingToolbarLayout을 접고 스크롤 되도록 수정하기