⚠︎ 유의사항
- velog에 영상 업로드가 불가능한 관계로 스크린샷으로 대체합니다.
- 스크린샷은 조만간 업데이트 하겠습니다.
✐ 컨테이너
☺︎ 기본
✔︎ Tabbed Container
- 가장 편리하게 사용할 수 있는 컨테이너입니다.
- 탭을 새로 추가, 삭제하고 탭의 이름을 변경할 수 있습니다.
- 우측 설정에서 Transition을 설정하여 뷰가 넘어갈 때 예쁘게 넘어가도록 설정할 수 있습니다. 화면 기록 2023-02-03 오전 8.40.54.mov
☻ 심화
✔︎ Container & Tabs
- 컨테이너와 탭을 따로 추가하여 link하는 방식입니다.
- 우측 설정에서 Transition을 설정하여 뷰가 넘어갈 때 예쁘게 넘어가도록 설정할 수 있습니다. 화면 기록 2023-02-03 오전 8.45.07.mov
- Tabbed Container 생성 후 Tabs를 따로 클릭하여 Container 밖으로 빼는 것과 동일한 과정입니다. 화면 기록 2023-02-03 오전 8.48.46.mov
✔︎ Container & Navigation
- 위의 Container & Tabs에서 더 나아가 웹 페이지처럼 보이게 하기 위한 방법입니다.
- Event handler를 이용하여 각 뷰를 지정해주는 방식으로 설정합니다. 화면 기록 2023-02-03 오전 8.57.09.mov
-
예시에서는 Method를 Set current view Index로 하고, Index는 0부터 시작하므로 하나씩 지정해주었습니다.
-
만약 다른 방법으로 하고 싶다면 Method를 Set current view key로 하고, Container에서 각 뷰마다 key값을 원하는 대로 설정해서 지정할 수도 있습니다.
-
Data + Math