LayerzLAYERZ
Documentation

기본 인터페이스 탐색

Layerz App Designer 인터페이스 구성 요소 안내

3 min read

붙여넣은_이미지_2025__7__18__오후_7_24.png붙여넣은_이미지_2025__7__18__오후_7_24.png
  1. Project 를 탐색합니다.
  2. UI Library 와 Component 에 접근합니다. 여기서 원하는 UI 요소를 골라서 Drag and Drop 으로 Scene 위에 배치합니다.
  3. 새로운 Scene 또는 새로운 Component 를 만들 수 있습니다.
  4. 모든 Scene 과 모든 Custom Component 가 여기에 표시됩니다. 원하는 Scene 또는 Custom Component 를 여기서 선택한 후에 편집할 수 있습니다.
  5. 선택한 Scene 또는 Custom Component 의 Layer 구조를 트리 형태로 보여줍니다. 전체적인 디자인 구조를 알 수 있고, 원하는 UI 요소에 빠르게 접근할 수 있습니다.
  6. 기타 기능을 모아 두었습니다.
    1. 디바이스 선택
      1. Scene 의 크기를 원하는 디바이스로 변경할 수 있습니다. iPhone, iPad, Landscape, Portrait 의 메뉴를 선택합니다.
    2. 기타 메뉴
      1. 현재 보고 있는 Scene 을 시작 Scene 으로 설정할 수 있습니다. 시작 Scene 은 App 이 시작되는 화면을 의미합니다.
      2. 현재 보고 있는 Scene 을 미리보기 합니다.
    3. List Drop Mode (List 편집에만 쓰이는 메뉴입니다.)
      1. Add: List 로 Drop 되는 요소는 List 의 Cell 로 추가됩니다.
      2. Edit: List 로 Drop 되는 요소는 이미 추가되어 있는 Cell 에 추가되거나, Section Header/Footer 에 배치할 수 있습니다.
    4. 현재 보고 있는 편집기의 Scale 을 표시합니다.
  7. 선택된 UI 요소의 속성을 표시합니다. 위치, 크기, 색상, 기타 속성을 편집하여 디자인 합니다.