#173 [UI] 메인 튜토리얼

[stellar-halo]

📑 Work Description

• 메인 화면 첫 진입시 튜토리얼 바텀 시트가 뜹니다!
• 시작하기 버튼을 누르지 않고, 앱을 종료할 경우 튜토리얼 완수로 인정되지 않으며 시작하기 버튼을 눌러야만 튜토리얼 완수가 됩니다.
• dim(위의 회색 여백 공간) 클릭 or 하단으로 슬라이딩 해도 바텀시트는 종료되지 않고 오로지 다음/시작하기 버튼만 동작하게 됩니다.

🛠️ Issue

• closed [ui] 메인 화면 튜토리얼 #173

📷 Screenshot

tutorial_softie.mp4

💬 To Reviewers

• 기존에 사용되지 않고 있던 OriginalBottomSheetTheme을 삭제하고 새로 적용했습니다! themes.xml 참고부탁드립니다.

[emjayMJkim]

수고하셨습니당 👍

[pump9918]

이 부분이 바텀시트 좌우 스크롤 코드인가 보네요! dialog는 파라미터로 받지 않는 고유 값인가요? 프래그먼트의 어느 부분을 가리키는 건지 궁금합니다

[stellar-halo]

아닙니다! 세로 슬라이딩을 막아 다음버튼, 완료버튼 외에는 바텀시트를 종료할 수 없도록 한 함수입니다.
prevent< 함수명을 보시면 됩니다.
지금 HomeTutorialFragment는 BottomSheetDialogFragment를 상속받고 있는데,
BottomSheetDialogFragment는 AppCompatDialogFragment > DialogFragment를 상속받는데 DialogFragment안에 Dialog dialog 변수가 있습니다! kotlin 문법상, getDialog를 하지 않아도 변수에 접근할 수 있어서 바로 사용하는 것입니닷.
타고 들어가보면, 자바 코드로

@Nullable public Dialog getDialog() { return mDialog; }

이렇게 적혀있는 걸 발견할 수 있습니다.
(지금 발견했는데 Horizontal이 아니라 함수명을 Vertical로 했어야 했네요..)