본문 바로가기
활동/내일배움캠프 UXUI 1기

[231218]2주차 피그마 강의 정리_오토레이아웃

by 은애옹이 2023. 12. 19.

12/18

*오토레이아웃: 컨텐츠에 따라 자유롭게 변형되는 프레임->요소 수정할 때 자동으로 사이즈 변경 된다.
->Auto layout 패널 활용!
->ctrl+shift+G로 해제
->패딩값 조절
canvas stacking: 겹쳤을 때 정렬
단축키: shift+A
반응형 레이아웃

*오토레이아웃 리사이징: 프레임 생성 시, 상위 프레임 사이즈가 조정될 때 콘텐츠와 컨테이너가 어떻게 반응해야할지 설정하는 속성
1. Hug contents: 안에 콘텐츠가 있어야 뜬다.
2. Fill: 바깥에 컨테이너가 있어야 뜬다.
3. Fixed: 상대적 개념이 아니라 모든 경우에 뜬다. 
컨테이너>컨테이너 또는 콘텐츠>콘텐츠

텍스트 대문자-> 더보기에서 대문자 변경 자동으로 가능

*컴포넌트*
컴포넌트가 master -> 개체 선택 후 ctrl + alt + k 
인스턴스가 sub -> master 복제하면 인스턴스 생성
다중 컴포넌트도 만들 수 있다.
!연결해제하기 위해서는 Detach instance='Ctrl + Alt + B'
(한 번 해제하면 다시 연결할 수 없다.)
!마스터가 지워졌다면 인스턴스에서 Restore로 되살리기 가능

*베리언츠*
Combine as variants(중요기능!)
->선행해야할 것은 멀티컴포넌트로 묶는 것
!프로퍼티(카테고리명)>벨류(각 요소의 고유값들-완료, 미완료 등)

베리언츠 활용_crtl c, v 사용