인프런 커뮤니티 질문&답변

merry님의 프로필 이미지
merry

작성한 질문수

[2024 업데이트] UX/UI 시작하기 : Figma 입문 (Inflearn Original)

개발자를 위한 플러그인 - Figma for vscode

constraints 질문있어요

작성

·

473

0

오토레이아웃 이용해서 UI 디자인 하고있는데요오토레이아웃 프레임(아이콘) + 오토레이아웃 프레임(검색박스+버튼) ---> 전체 한번에 다시 오토레이아웃 했는데요리사이즈시 constraints를 left and right 로 설정해야하는데 왜 안되는 걸까요???ㅠㅠ비슷한 예시로 다른 경우에는 적용이 되던데 안되는 기준이 있을까요?

답변 1

0

질문자님이 작업한 방법과 강의에서 구현한 방법이 달라서 강의처럼 한번 해보시는게 좋을 것 같아요!

오토레이아웃 프레임(아이콘) + 오토레이아웃 프레임(검색박스+버튼) >> 이렇게 작업하셨는데,

오토레이아웃 프레임(아이콘) + 오토레이아웃 프레임(검색박스)+오토레이아웃 프레임(버튼) >> 강의 내용

이때 오토레이아웃 프레임(검색박스)을 fill로 처리하시고 댓글 창에 left and right 설정해서 늘려 보시면 늘어날거에요.

merry님의 프로필 이미지
merry
질문자

말씀해주신 내용대로 원래 처음에 이렇게도 저렇게도 해봤었는데

기준없이 될때도 있고 안될때도 있더라구요

제가 원인을 알아냈어요! 이게 피그마 커뮤니티에서도 버그 문제중 하나더라구요

요소에 대한 constraints left and right , scale , top and bottom 설정이 제한되는 경우는

-> 프로토타입 패널에서 스크롤시 위치 고정 (fixed) 으로 설정이 되어있으면 제한돼요..

-> 그래서 scroll with parent 로 변경하면 활성화 되어서 left and right , scale , top and bottom 설정가능합니다! 설정 후에 다시 프로토타입 fixed로 변경해도 constraints 설정값은 그대로 유지 됩니다

 

이걸로 계속 끙끙앓았네여.. 참고하시면 될듯합니다 :)

merry님의 프로필 이미지
merry

작성한 질문수

질문하기