1. [Design] 디자인 템플릿 사용하기

사전 준비

본 튜토리얼은 사전 준비가 필요 없습니다. 모든 실습을 문서 내에서 따라 할 수 있습니다.

만약 시나리오 스튜디오에서 따라 하고 싶으시다면, 워크스페이스에 로그인된 상태로 [개발]-[시나리오] 탭에서 시작하시면 됩니다. 워크스페이스 생성을 하지 않았다면, 1. 워크스페이스 시작하기 페이지를 참고하여 워크스페이스를 생성하세요.

개발하기

플렉스튜디오에서는 디자인 탭의 설정을 통해 디자인을 원하는 대로 수정할 수 있습니다. 다만 이번 튜토리얼에서는 디자인 모드로 하나하나 만드는 것이 아니라, 디자인 템플릿을 통해 보다 쉬운 디자인 설정을 보여드리겠습니다.

디자인 템플릿 사용하기

디자인 템플릿은 왼쪽 아이콘 탭의 템플릿 아이콘을 통해 확인할 수 있습니다.

  • 레이아웃 템플릿

레이아웃 템플릿이란 레이아웃(Layout) 단위로 제공되는 템플릿입니다. 플렉스튜디오 유저들이 등록한 템플릿이 이곳에 표시됩니다.

  • 시나리오 템플릿

시나로이 템플릿이란 시나리오 단위로 제공되는 템플릿입니다. 디자인적 단위가 아닌 기능적인 단위로 제공됩니다. 이번 튜토리얼에서는 시나리오 템플릿을 활용하여 디자인을 적용할 것입니다.

아래 따라 하기를 통해 시나리오 템플릿을 적용해 봅시다. 아래 창에서 [시작하기]를 눌러주세요.

챕터 마무리

배운 내용

  • 템플릿의 종류와 적용법에 대해 배웠습니다.

다음 챕터에서는?

다음 챕터에서는

  • 버튼 클릭 시, 화면 이동(Step 이동)에 대해 알아봅시다.

Last updated