inflearn logo
강의

Course

Instructor

[2024 Update] Getting Started with UX/UI: Introduction to Figma (Inflearn Original)

Plugin for developers - Figma for vscode

constraints 질문있어요

1022

merry

2 asked

0

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

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

Answer 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 설정값은 그대로 유지 됩니다

 

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

채팅 UI 추가 속성 설정 질문

0

15

1

예제 파일 오류

0

28

1

테이블 만들기 질문

0

52

1

Layout Grid

0

58

1

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

0

75

1

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

1

113

0

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

0

85

1

39강 오토 레이아웃 질문

0

84

1

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

0

351

2

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

0

113

2

44강 13분15초 좌우변경

0

87

1

TABLE 만들기

0

160

2

영상 저장 위치

0

343

1

아이콘 만들기_스왑 관련

0

86

0

45강 min max 설정

0

68

1

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

0

82

1

auto layout과 position

0

55

1

Show version history

0

124

1

constraints가 안나와요!

0

380

1

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

0

255

2

불리언프로퍼티

0

125

1

요소 위치 교체

0

170

2

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

0

195

0

프레임 속성창

0

120

1