예제 스크립트 레이아웃

가로 및 세로 컨테이너를 혼합하거나 중첩하여 복잡한 페이지 레이아웃을 만들 수 있습니다. 예를 들어, 기본 수직 스택에 3개의 수평 스택을 추가하면 각 수평 스택은 구성 요소의 일부 조합을 포함할 수 있는 행입니다.

그림은 3개의 수평 스택을 사용하여 입력 필드의 행을 레이아웃하는 방법을 보여줍니다.


예 1: 행에 필드를 배치하는 레이아웃 만들기

  1. 루트 수직 스택 컨테이너 내부에 있는 상위 수평 스택에 항목 행을 배치합니다.

    example2_nested_horizontal_stacks2

  2. 수평 스택을 선택하고 클립보드에 복사합니다.

  3. 아이콘을 클릭하여 루트 컨테이너를 선택합니다.

  4. 딸깍 하는 소리 반죽 추가 행을 생성합니다. 필요에 따라 이전 단계를 반복하여 행을 추가합니다.

    그림은 수직 스택에 있는 3개의 수평 구성 요소 행을 보여줍니다.


예 2: 구성 요소 위에 레이블 배치

구성 요소 위에 레이블을 배치하려면 수평 스택 컨테이너에 수직 스택을 추가합니다.

example3_nested_vertical_stacks2

가능한 조합이 많이 있습니다. 가장 좋은 방법은 구성 요소를 추가하기 전에 상위 컨테이너를 선택하는 것입니다.