본문 바로가기

figma2

피그마 강의 (6) 프레임 리사이징 리사이징은 오토레이아웃 안에서 자식 개체들이 어떻게 이동할 것인지를 적용하는 기능프레임을 오토레이아웃으로 감싸는 순간, Fixed 외의 다른 사이즈값이 생긴다.이걸 피그마에서는 리사이징(Re-sizing)이라 부른다. 사이즈가 변경된다는 의미다즉, 리사이징을 사용하려면 부모개체가 오토레이아웃인 상태여야 한다.1. 리사이징의 종류  - 피그마에서 리사이징은 3가지 값이 있다.- 리사이징은 가로 길이와 세로 길이에 각각 적용할 수 있다.  값설명유형Fixed고정값공통Hug자식 컨테이너의 크기에 맞춰 조정 (자식에 맞춰 안음)부모만 쓸 수 있음Fill부모 컨테이너의 크기에 맞춰 조정 (부모에 맞춰 키움)자식만 쓸 수 있음 2. 리사이징 실습 - Constraints를 오토레이아웃인 상태에서 적용하려면 igno.. 2025. 1. 18.
피그마 강의(5) 프레임과 컨스트레인트 컨스트레인트: 오토레이아웃을 오토레이아웃 답게 만들어주는 기능 오토레이아웃은 그 자체로도 이미 레이아웃을 자동으로 쌓을 수 있다.- 오토레이아웃이 적용된 프레임 내의 자식 개체들은 추가가 되더라도 오토레이아웃에 따라 자동적으로 정렬이 된다. (수직정렬...수평정렬... 간격이 얼마 떨어진 채로 유지... 등)- 하지만 반응형 웹사이트나 앱과 같이 실시간으로 같이 움직이는 레이아웃을 만들기 위해서는 오토레이아웃이 움직일 때의 규칙을 만들어줘야 한다. - 디바이스의 크기가 커지면 개체의 크기도 커져야 하는데, 이 때 컨스트레인트가 없으면 다 깨진다.  컨스트레인트는 오토레이아웃 '안에' 있는 개체들이 움직이는 방식을 제한한다.더 정확하게는, **부모 컨테이너의 크기가 변할 때, 자식 컨테이너는 어디를 기준으.. 2025. 1. 18.