구리 개발소

스토리보드

• 콘텐츠 화면을 보여주고 화면 간의 연결을 나타내주는 도구(shift + command + l)

label - 여러 라인을 표시할 수 있다. 설정한 사각형의 크기와 속성에 따라 텍스트를 축소, 줄 바꿈 또는 자를 수 있다. 텍스트 글꼴, 색상, 정렬 등 설정이 가능하다.

button - 버튼 기능. 버튼 제목, 이미지 및 기타 속성 설정이 가능하다.

segmented Control - 여러 분할로 구성되어 있는 가로형 제어기, 각각 분리된 버튼으로 구성되어 있다. 페이지 전환할 때 자주 사용한다.

pull down button - 버튼의 동작과 관련이 있는 옵션들을 띄워준다.(메시지 편집 - 삭제, 선택, 수정)

pop up button - 상호 배타적인 옵션들을 팝업 형식으로 띄워준다.(최신 정렬, 인기 정렬, 이름순 정렬)

Text field - 입력 가능한 텍스트 오브젝트. 탭하면 입력이 가능하다.

나머지 요소들은 추가 예정

Auto Layout

• 제약조건에 따라 뷰의 크기와 위치를 동적으로 배치해준다. pin으로 설정하거나, ctrl을 누르고 끌어다가 설정할 수 있다.
• 뷰의 X축 위치, 뷰의 Y축 위치, 뷰의 너비, 뷰의 높이를 상대적으로 나타내준다.

설정된 값을 계산하여 크기에 맞게 유지해준다.

Safe Area - 앱이 상태바, 네비게이션바, 툴바, 탭바를 가리는 것을 방지하는 영역이다.

Constraint - Auto Layout의 제약조건이다. 방정식으로 나타낸다.

사진 좌측에서 알수 있듯이 First Item.Attribute = Multiplier * Second Item.Attribute + Constant

우측 Utility area에서 6번째 버튼인 Show Size inspector에서 직접 제약조건을 추가 및 수정할 수 있다.

[출처]

https://wogus3602.tistory.com/16

https://ksk9820.tistory.com/49

https://sujinnaljin.medium.com/ios-pull-down-button-과-pop-up-button-f0f85d650b51

https://jinshine.github.io/2018/06/07/iOS/오토레이아웃(AutoLayout)과%20Layout%20개념/ 

https://velog.io/@eddy_song/ios-auto-layout-1

https://leeari95.tistory.com/45

https://chobikim.tistory.com/23?category=1030063