선택한 요소의 그룹 또는 그룹에 오토 레이아웃 (Auto Layout) 속성을 추가할 수 있습니다. 디자인을 자동으로 크기 조정, 맞춤 및 채울 수 있습니다. 요소의 크기를 자동으로 조정하거나 상자가 텍스트 레이블에 맞게 조정될 때 버튼을 생성할 때 매우 유용합니다.
위치를 바꾸는 것만으로 오토 레이아웃을 사용하여 그룹 내부의 요소를 재정렬하고 올바른 간격, 정렬, 분포 등을 설정할 수 있습니다!
시작하는 방법
- 캔버스에 요소를 추가합니다.
- 오토 레이아웃을 추가할 요소를 선택합니다.
- 기능 사용을 시작하려면 오른쪽에서 오토 레이아웃 섹션을 선택하십시오.
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
- Vertical (수직)을 선택하면 Y축을 따라 요소를 추가, 제거 및 재정렬합니다.
- Horizontal (가로)를 선택하면 X축을 따라 요소를 추가, 제거 및 재정렬합니다.
분배하다
분배 (Distribute)