안녕하세요! ProtoPie Teacher 레아입니다.
ProtoPie에 Constraints라는 기능이 있다는 것을 알고 계셨나요? 이 기능을 사용하면 하위 레이어의 위치나 크기를 컨테이너와 함께 변경할지 정의할 수 있습니다.
하위 레이어의 위치와 크기 변경
1단계: 컨테이너에 따라 하위 레이어가 어떻게 변경될지 정의합니다.
컨테이너 안에는 배경과 텍스트 레이어처럼 여러 하위 레이어가 있을 수 있습니다. 먼저 컨테이너의 크기를 변경할 때 하위 레이어가 어떻게 바뀔지 결정해야 합니다.
하위 레이어와 컨테이너
이 경우 배경 하위 레이어가 컨테이너 크기에 맞게 조정되도록 하려 합니다.
즉, 배경 하위 레이어의 경계와 컨테이너 사이의 거리는 항상 같아야 합니다. 하지만 텍스트 레이어는 컨테이너 크기에 따라 변경되지 않습니다.
2단계: 하위 레이어를 선택하고 제약 조건을 설정합니다
가장 중요한 점은 컨테이너가 아니라 하위 레이어의 제약 조건을 설정해야 한다는 것입니다.
하위 레이어를 선택한 후 속성 패널에서 제약 조건 설정을 찾을 수 있습니다. 하위 레이어 크기를 컨테이너와 함께 변경하려면 아래 이미지처럼 체크박스를 선택하면 됩니다.
체크박스 이미지
하지만 하위 레이어(이 예시에서는 텍스트 레이어)의 크기를 변경하고 싶지 않다면, ‘고정 너비’와 ‘고정 높이’ 설정만 선택하면 됩니다.
고정 너비와 고정 높이 설정을 선택하세요
Constraints 기능 데모
오늘은 여기까지입니다!
다른 팁 중에서 저희가 다뤄 보았으면 하는 내용이 있다면, 답장으로 편하게 알려 주세요.
