선택한 요소의 그룹 또는 그룹에 오토 레이아웃 (Auto Layout) 속성을 추가할 수 있습니다. 디자인을 자동으로 크기 조정, 맞춤 및 채울 수 있습니다. 요소의 크기를 자동으로 조정하거나 상자가 텍스트 레이블에 맞게 조정될 때 버튼을 생성할 때 매우 유용합니다.

위치를 바꾸는 것만으로 오토 레이아웃을 사용하여 그룹 내부의 요소를 재정렬하고 올바른 간격, 정렬, 분포 등을 설정할 수 있습니다!

시작하는 방법

  1. 캔버스에 요소를 추가합니다.
  2. 오토 레이아웃을 추가할 요소를 선택합니다.
  3. 기능 사용을 시작하려면 오른쪽에서 오토 레이아웃 섹션을 선택하십시오.

https://uxpincommunity.cdn.prismic.io/uxpincommunity/5c890701-80b1-4195-933b-195cd7a1bc1b_auto_layout_01_ChooseAL.mp4

오토 레이아웃 기능을 사용할 수 있는 방법은 아래를 참조하십시오.

<aside> 💡 비고 현재로서는 잘라진(cropped) 그룹이나 캔버스에 대한 오토 레이아웃을 아직 지원하지 않습니다.

</aside>

방향 (Direction)

오토 레이아웃 프레임을 세로 또는 가로로 정렬할지 여부를 설정합니다.

https://uxpincommunity.cdn.prismic.io/uxpincommunity/8039b897-9412-4c48-ae1f-721a0d9a4c43_auto_layout_02_Direction.mp4

분배 (Distribute)