세로 레이아웃 구성

가로 레이아웃을 구성하려면 가로 레이아웃 개체를 추가하고, 하위 개체를 추가한 다음, 속성을 조정합니다.
  1. 프로젝트 보기
    에서 세로 레이아웃 개체를 포함할 노드를 마우스 오른쪽 버튼으로 클릭하고
    새로 만들기
    컨테이너
    세로 레이아웃
    을 선택합니다.
  2. 하위 그래픽 개체를 세로 레이아웃 아래로 추가하거나 이동합니다.
    그래픽 개체를 이동하는 방법에 대한 자세한 내용은 노드 이동 항목을 참조하십시오.
    예를 들어, 세로 레이아웃 아래에 버튼을 추가하여 버튼 행을 만들 수 있습니다. 버튼 항목을 참조하십시오.
    하위 개체는 열에 하나씩 배포됩니다.
    버튼1, 버튼2 및 버튼3으로 레이블이 지정된 세 개의 버튼이 단일 열에 세로로 배열되어 그리드 배경의 맨 위에 정렬되어 있습니다.
  3. (선택 사항)
    속성
    에서 하위 그래픽 개체 배포 방법을 설정합니다.
    • 콘텐츠 맞춤
      :
      • 상단 맞춤
        . 하위 개체를 세로 레이아웃의 상단에 고정합니다.
        버튼1, 버튼2 및 버튼3으로 레이블이 지정된 세 개의 버튼이 그리드 배경의 맨 위에 세로로 배열되어 있습니다.
      • 가운데 맞춤
        . 하위 개체를 세로 레이아웃의 가운데에 고정합니다.
        버튼1, 버튼2 및 버튼3으로 레이블이 지정된 세 개의 버튼이 세로로 배열되어 그리드 배경의 세로 레이아웃 내 가운데에 배치되어 있습니다.
      • 하단 맞춤
        . 하위 개체를 세로 레이아웃의 오른쪽에 고정합니다.
        버튼1, 버튼2 및 버튼3으로 레이블이 지정된 세 개의 버튼이 그리드 배경의 맨 아래에 세로로 배열되어 있습니다.
    • 줄 바꿈
      . 세로 레이아웃 높이에 맞지 않는 경우 하위 개체를 줄 바꿈합니다.
      참으로 설정된 줄 바꿈
      버튼1, 버튼2 및 버튼3으로 레이블이 지정된 세 개의 버튼이 두 행으로 배열되어 있으며, 맨 위 행에는 버튼1 및 버튼3이 있고 그 아래에 버튼2가 있어 높이 제한으로 인한 줄바꿈이 보입니다.
      거짓으로 설정된 줄 바꿈
      버튼1, 버튼2 및 버튼3으로 레이블이 지정된 세 개의 버튼이 그리드 배경에서 줄바꿈 없이 단일 열에 세로로 배열되어 있습니다.
    • 가로 간격
      . 세로 레이아웃의 줄 바꿈된 하위 개체 열 사이의 가로 공간입니다.
      버튼1, 버튼2 및 버튼3으로 레이블이 지정된 세 개의 버튼이 그리드 배경에 두 열로 배열되어 있으며 열 사이에 가로 간격이 보입니다.
    • 세로 간격
      . 가로 레이아웃 하위 개체 사이의 세로 공간입니다.
      버튼1, 버튼2 및 버튼3으로 레이블이 지정된 세 개의 버튼이 그리드 배경에 세로로 배열되어 있으며 각 버튼 사이의 세로 간격이 늘어난 채입니다.
의견을 작성 부탁드립니다.
이 자료에 대한 문의사항이나 요청사항이 있습니까? 여기에 요청사항을 작성 부탁드립니다.
Normal