Auto-Layout 오토 레이아웃 1

• 오토 레이아웃 설정에 따라 레이아웃 자동 변경
• 텍스트의 길이나 도형의 크기를 유동적으로 바꿈
• Shift + A를 같이 누르면 오토 레이아웃 기능을 켤 수 있다.
  💡 텍스트, 디자인 요소를 감싸고 있는 프레임, 요소들의 간격을 지정해서 버튼, 리스트같은 ui를 유연하게 레이아웃하는 기능이다.
  

❖Direction 방향 : 한 방향으로만 설정 할 수 있음

❖Padding 패딩

• 요소를 감싸고 있는 사이사이에 여백 넣기
  

❖Spacing 스페이싱 :

• 패딩옵션 위쪽에 위치함
  - 요소들의 간격 값을 조정함
  - •••을 눌러보면 Canvas stacking 항목을 보면 요소의 순서를 123 또는 321순으로 선택할 수 있음
  - 원 사이 간격을 50으로 해놓으면 프레임을 늘려도 둘 사이의 간격이 늘어나지 않고 늘어남
  - 그러나 더보기를 눌러 spacing mode에서 space between을 누르면 전체 크기를 늘려도 스페이싱 값이 auto로 지정되어 있어서 프레임을 따라서 도형이 좌우측으로 벌어지게 됨.