[피그마] 피그마 입문 A to Z 부트캠프 메타코드_ 6강 (실습)오토 레이아웃으로 버튼 만들기

https://mcode.co.kr/kor/

메타코드M

글자를 하나 써주고

오토 레이아웃을 만들어 줍니다.

마우스 우클릭 하든지 아님

shift + a  누르기 

그리고

만든 오토 레이아웃 2개를 

또 오토 레이아웃 해주면 위 사진과 같이

레이어가 만들어집니다. 

이름도 오토레이아웃_가로_여러개로 변경해줄게요.

그런 다음 복붙하면 

똑같은 간격에 같은 

레이어 안에 만들어 지는 걸 

확인할 수 있습니다. 

저번에 만들어 놨던 아이콘을 

데리고 옵니다. 간격이 너무 멀다 싶으면

사진처럼 간격을 줄여줍니다.

마우스로 사이 클릭하면 조절할 수 있어요! 

오른쪽 패널에 있는 저 허그 Hug를 누르면

오른쪽 사진과 같이 두가지 옵션이 나옴. 

허그 상태에서는 텍스트명을 바꾸면

프레임 길이가 변경 됨. 

Fixed는 텍스트를 길게 적어도 프레임

자체의 길이는 늘어나지 않음.

오토 레이아웃으로 패딩 값을

걸었다고 해도 늘어나지 않음. 

가운데는 HUG로 설정해놓고

글씨를 늘리면 같이 늘어나지만

Fixed로 설정해놓고 글자를 쓰면

맨 오른쪽과 같이 늘어나지 않음! 

 

 

https://mcode.co.kr/kor/

메타코드M

 

그럼 다음 강의에서 봐요

꾸벅

#피그마사용법 #피그마유료 #피그마다운로드 #피그마자격증 #피그마무료 #피그마 #피그마강의 #피그마사이트 #피그마다운 #메타코드엠 #메타코드