개발 전체 레이아웃

Untitled

1. 상단 영역

상단영역은 화면 사이즈, 크기를 비롯한 주요 액션버튼이 구성되어 있습니다.

  1. 시나리오 설정 버튼

    좌측 패널에 시나리오 체크인, 체크아웃, 히스토리 및 배포를 할 수 있습니다.

  2. 시나리오 크기 설정

    디바이스 타입을 선택하고 화면사이즈를 바꿔가며 UI 확인이 가능합니다.

  3. 액션버튼

    시나리오 저장, 디버거 실행등 액션버튼과 메인이동, 메뉴얼이동등 추가 페이지로 이동하는 버튼으로 구성되어있습니다.

  4. 시나리오 명

    시나리오 명칭과 시나리오 상태(체크인, 타인 체크인, 체크아웃)가 표현됩니다.

  5. 속성창 모드

    Design, Data로 나눠서 설정할 수 있습니다.

2. 툴바 영역

Flextudio에서 지원하는 컨트롤이며, 스탭에 레이아웃을 선택한 후 컨트롤을 클릭하면 해당 컨트롤에서 지원하는 다양한 컨트롤 디자인이 패널로 보여집니다. 원하는 디자인을 선택하면 레이아웃에 컨트롤이 추가됩니다.

컨트롤 상세보기 (디자인) 👉

컨트롤 상세보기 (개발) 👉

3. 디자인 영역

시나리오의 여러 스탭(화면)을 구성하여 앱에 구성할 화면을 사용자 흐름에 따라 구성할 수 있습니다.

4. 탐색기 영역

시나리오를 구성하고 있는 모든 스탭의 구조를 확인할 수 있습니다. 그룹 또는 레이아웃을 추가할 수 있으며, 동일한 레벨에서는 드레그를 통해 그룹, 레이아웃, 컨트롤의 위치를 조정할 수 있습니다.

  1. 일괄접기, 펼치기

    Studio Explorer 좌측에 시나리오 전체 구조를 일괄로 펼치거나 접을 수 있는 기능을 제공하고 있습니다.

  2. 그룹

    우측 버튼을 클릭하면 “그룹추가, 레이아웃 추가, 그룹삭제” 기능을 제공하고 있습니다.