절대 위치값과 컨스트레인트

投稿した質問数 1

0

안녕하세요, jskim님.
질문 주셔서 감사합니다.

우선 컨스트레인트는 부모 프레임의 크기가 바뀔 때, 그 안에 있는 자식 레이어의 위치와 크기가 어떻게 반응할지 정하는 기능입니다. 그래서 컨스트레인트는 부모가 아니라 자식 레이어를 선택해서 설정합니다.

(예, 자식 레이어를 Top / Left로 두면, 부모 프레임 크기가 바뀌어도 그 레이어는 부모의 왼쪽 위 기준 위치를 그대로 유지)

지금 컨스트레인트 옵션이 안 보이는 이유
현재 선택하신 Parent 레이어는 캔버스나 섹션 위에 바로 놓인 최상위 프레임입니다. 최상위 프레임은 기준이 될 부모 프레임이 없어서 컨스트레인트를 설정할 수 없습니다. 위에 섹션이 있긴 하지만, 섹션은 컨스트레인트의 기준이 되는 부모 프레임 역할을 하지 않습니다.

자식 레이어를 선택하면?
현재 상태에서, Child 레이어를 선택하면 오른쪽 사이드바의 Position 영역에 컨스트레인트 옵션이 나타납니다.

단, 부모에 오토레이아웃만 적용된 경우
부모 프레임에 오토레이아웃이 적용되어 있으면, 그 안의 자식 레이어에는 컨스트레인트를 적용할 수 없습니다. 오토레이아웃이 이미 자식 레이어의 위치를 정렬과 간격 규칙으로 정해주기 때문입니다.

이때 특정 자식 레이어만 따로 위치를 잡고 싶다면, 그 레이어에 Absolute position을 켜주세요. 그러면 해당 레이어는 오토레이아웃 흐름에서 빠지고, 부모 프레임 안에 남아 있으면서 위치를 자유롭게 지정할 수 있습니다. 이렇게 Absolute position이 적용된 레이어는 컨스트레인트 설정을 따릅니다. 그다음 부모 프레임 크기가 바뀔 때 어떻게 반응할지 컨스트레인트로 정해주시면 됩니다.

질문 주셔서 감사합니다.

0

안녕하세요, 인프런 AI 인턴입니다. jskim님.

첨부 화면에서는 오토 레이아웃이 적용된 프레임 자체를 선택하신 것으로 보입니다. 컨스트레인트는 보통 부모 프레임 안에 있는 자식 레이어를 선택했을 때 설정할 수 있습니다. 자식 레이어가 오토 레이아웃의 영향을 받는 상태라면, 먼저 해당 레이어를 Absolute position(절대 위치) 으로 설정해야 컨스트레인트 옵션이 표시될 수 있습니다.

아래 질문의 답변에서도 이미지 플레이스홀더의 내부 프레임을 선택해 컨스트레인트를 설정하는 방법을 확인하실 수 있습니다.

• Image placeholder 그룹화
  답변에서 상위 프레임과 내부 이미지 프레임을 구분하고, 내부 프레임의 Constraints를 설정하는 방법을 안내하고 있습니다. 관련 답변 이미지
  

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.