오토 레이아웃 속성
오토 레이아웃(Auto Layout)은 레이아웃을 구조화하기 위한 광범위한 사용자 지정 옵션을 제공하여 기능성과 미적 매력을 모두 보장합니다. 이러한 속성에는 크기 조절, 방향, 레이아웃 정렬 및 고급 설정이 포함됩니다.
크기 조절 속성
크기 조절 속성은 콘텐츠나 레이아웃 변경에 따라 하위 레이어와 상위 컨테이너가 조정되는 방식을 제어합니다. 이 설정은 오른쪽 패널의 드롭다운 메뉴를 사용하여 너비(Width)와 높이(Height)에 개별적으로 적용할 수 있습니다. 크기 조절 옵션 위로 마우스를 가져가면 캔버스에 미치는 영향이 강조 표시됩니다.
고정 (Fixed)
너비 또는 높이에 대해 고정(Fixed) 옵션이 설정되면 하위 레이어의 크기 조절에 관계없이 상위 프레임은 절대적인 크기를 유지합니다.
콘텐츠에 맞춤 (Hug Contents)
오토 레이아웃(AL) 상위 항목이 Hug로 설정되면 상위 프레임은 하위 레이어의 크기에 완벽하게 맞춰 크기를 동적으로 조정합니다.
컨테이너 채우기 (Fill Container)
하위 항목이 FILL로 설정되면 상위 항목의 크기 내에서 사용 가능한 공간을 채우도록 크기가 조정되어 상위 항목의 크기에 상대적으로 지정됩니다.
방향 속성
방향 속성은 오토 레이아웃 컨테이너 내에서 하위 개체가 배치되는 방식을 정의하여 다양한 디자인 시나리오에 맞는 레이아웃을 구조화하는 데 유연성을 제공합니다.
레이아웃 속성
레이아웃 속성은 오토 레이아웃 컨테이너 내에서 하위 레이어의 정렬(Alignment), 여백(Padding), 간격(Gap)을 세밀하게 제어할 수 있도록 해줍니다. 이러한 설정은 세련되고 일관된 디자인을 보장합니다.
오토 레이아웃 및 제약 조건
오토 레이아웃이 적용되지 않은 컨테이너가 오토 레이아웃이 적용된 하위 컨테이너를 감싸고 있을 때, 수직 또는 수평 제약 조건에 따라 특정 상호작용이 발생합니다.
수직 제약 조건 (Vertical Constraints)
오토 레이아웃 컨테이너에 위 및 아래 (Top & Bottom, T+B) 또는 비율(Scale)이 할당된 경우, 오토 레이아웃 컨테이너의 높이는 고정(Fixed)되어야 합니다. 오토 레이아웃 컨테이너를 다시 Hug로 변경하면 수직 제약 조건은 가운데(Center)로 재설정됩니다.
수평 제약 조건 (Horizontal Constraints)
오토 레이아웃 컨테이너에 왼쪽 및 오른쪽 (Left & Right, L+R) 또는 비율(Scale)이 할당되면 오토 레이아웃 컨테이너의 너비는 고정(Fixed)으로 설정됩니다. 오토 레이아웃 컨테이너를 Hug로 조정하면 컨테이너의 수평 제약 조건은 가운데(Center)로 재설정됩니다.
이러한 조정을 통해 오토 레이아웃 컨테이너와 오토 레이아웃이 설정되지 않은 컨테이너 간의 논리적인 상호작용을 보장하여 예측 가능한 작업 흐름을 제공합니다.
고급 설정
또한 오토 레이아웃은 레이아웃의 유연성과 사용자 지정을 향상시키기 위한 추가적인高级 설정을 제공합니다. 이 옵션들을 사용하면 디자인 내에서 특정 요소와 동작을 세부적으로 조정할 수 있습니다.
오토 레이아웃 무시
"오토 레이아웃 무시(Ignore Auto Layout)" 기능을 사용하면 선택한 개체에 대해 오토 레이아웃 규칙을 우회하여 전체 컨테이너 구조에 영향을 주지 않고 수동으로 조정할 수 있습니다. '오토 레이아웃 무시'로 설정된 개체는 제약 조건을 독립적으로 설정할 수 있어 컨테이너 내의 다른 요소들에 대한 오토 레이아웃 속성을 유지하면서 독특한 레이아웃 시나리오에 유연하게 대응할 수 있습니다.
레이어 순서 제어
여러 옵션을 사용하여 스택 순서를 손쉽게 관리할 수 있습니다.
레이어 패널: 패널에서 레이어를 직접 드래그하여 순서를 변경합니다.
키보드 단축키: 정밀한 레이어 제어를 위해 방향키를 사용하여 스택 순서를 조정합니다.
마우스 상호작용: 캔버스에서 개체를 클릭하고 드래그하여 대화형으로 위치를 변경합니다.
인스턴스 재정의
오토 레이아웃이 적용된 컴포넌트의 인스턴스는 선택적 조정을 지원하여 마스터 컴포넌트를 변경하지 않고도 유연성을 제공합니다.
크기 조절: 크기 조절 값의 수정은 기존 옵션으로 제한되며, 새로운 고정 값을 추가할 수는 없습니다.
정렬, 간격 및 여백: 이러한 속성들은 인스턴스 내에서 사용자 지정할 수 있습니다.
방향: 인스턴스에서는 방향 변경이 지원되지 않습니다.