inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

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

constraints 질문있어요

1040

merry

작성한 질문수 2

0

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

프로토타이핑 모바일-디자인 figma ux-기획

답변 1

0

wooody

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

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

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

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

1

merry

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

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

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

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

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

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

 

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

항목부분만 필로 변경

0

25

1

채팅 UI 추가 속성 설정 질문

0

47

1

예제 파일 오류

0

54

1

테이블 만들기 질문

0

73

1

Layout Grid

0

78

1

자주 사용하는 아이콘 만들기

0

93

1

업데이트 강의 버전은 언제 올라올까요?

1

133

0

강의와 아이콘이 달라 질문 드립니다.

0

111

1

39강 오토 레이아웃 질문

0

97

1

2025년 업데이트 강의 버전은 언제 올라올까요?

0

363

2

11강. 따라가기 , IMPORT(불러오기) 못찾음

0

123

2

44강 13분15초 좌우변경

0

108

1

TABLE 만들기

0

188

2

영상 저장 위치

0

378

1

아이콘 만들기_스왑 관련

0

105

0

45강 min max 설정

0

81

1

44강 예제실습 레이어속 프레임

0

98

1

auto layout과 position

0

75

1

Show version history

0

144

1

constraints가 안나와요!

0

406

1

frame 생성 시 android large가 없습니다.

0

278

2

불리언프로퍼티

0

139

1

요소 위치 교체

0

187

2

툴바가 캔버스 하단 중앙에 있는데 강의화면에서 보이는 것처럼 상단 중앙으로 이동할 수는 없나요

0

205

0