[본캠프 - 8주 1일차] TIL(07/15)

오늘은 UX기획 리서치 5주차 강의를 듣고  숙제를 하다말고   피그마 활용법(1) 1, 2주차를 복습을 했다...

 

전에는 컨스트레인트 이것만  조금 헷갈리긴 했는데 복습하고 하니 안헷갈린다

 

컨스트레인트의 뜻

 

제약, 제한이라는 뜻을 가지고 있고

 즉, 오토레이아웃 안에 있는 개체들이 움직이는 모양을 제한한다는 것이다

 

 

가로 방향 Center 이부분의 컨스트레인트 조건을 선택할 수 있음

조건	설명
Left	부모의 왼쪽 가장자리를 기준으로 고정
Right	부모의 오른쪽 가장자리를 기준으로 고정
Left and right	부모의 왼쪽 가장자리와 오른쪽 가장자리 모두 기준으로 고정
Center	부모 길이의 중간을 기준으로 고정
Scale	부모 길이에 비례해서

 

세로 방향 TOP 이부분의 컨스트레인트 조건을 선택할 수 있음

조건	설명
Top	부모의 위쪽 가장자리를 기준으로 고정
Bottom	부모의 아래쪽 가장자리를 기준으로 고정
Top and bottom	부모의 위쪽 가장자리와 아래쪽 가장자리 모두 기준으로 고정
Center	부모 높이의 중간을 기준으로 고정
Scale	부모 길이에 비례해서

 

 

프레임 리사이징

 

리사이징의 개념

프레임은 기본적으로 크기가 고정인데 이 상태를 Fixed(픽스드;고정된)라고 부름

프레임을 오토레이아웃으로 감싸는 순간, Fixed외의 다른 사이즈값이 생김

이걸 피그마에서는 리사이징이라고 부른다.

부모의 사이즈 값에 따라 자식의 사이즈값이 영향

반대로, 자식의 사이즈 값에 따라 부모의 사이즈값도 영향

 

아.. 월요일이라 그런지  피곤한건 안비밀