728x90
1월 30일 일요일 / 7일 차
CH03
계산기 앱 만들기
| 내용 요약 |
| UIStackView - 열 또는 행에 View 들의 묶음을 배치할 수 있는 간소화된 인터페이스 (Auto Layout을 이용하여 디바이스의 스크린 사이즈나 일어난 어떠한 변화에 맞춰서 동적의 UI를 구성할 수 있다.)
Stack View 의 속성 - Axis : Stack View 의 방향을 결정 (가로 또는 세로) ㄴ Vertical Stack View - subView들이 세로방향으로 추가됨 ㄴ Horizontal Stack View - subView들이 가로방향으로 추가됨 - Alignment : StackView의 subView 들을 어떤식으로 정렬할지 결정하는 속성 ㄴ Fill : Stack View의 방향이 Horizontal 일 경우 아래위 공간을 Fill하기 위해 서브뷰들을 늘리고 Vertical 일 경우 좌우공간을 Fill하기 위해 subView들을 늘림 ㄴ Leading : Vertical Stack View에서 subView들이 Stack View 의 Leading 에 맞춰 정렬을 한다 ㄴ Top : Horizontal Stack View에서 슬라이드와 같이 subView들이 StackView의 위로 정렬된다 ㄴ First Baseline : subView들의 First Baseline에 맞춰 StackView가 subView들을 정렬한다(Horizontal Stack View에서만 사용가능) ㄴ Center : StackView 방향에 따라 슬라이드 처럼 subView들의 센터를 StackView의 센터에 맞춰 정렬 ㄴ Trailing : Vertical Stack View에서 StackView의 오른쪽에 맞춰 subView를 정렬함 ㄴ Bottom : Horizontal Stack View에서 StackView의 아랫부분에 맞춰 subView들을 정렬함 ㄴ Last Baseline : StackView가 뷰들의 라스트 베이스 라인에 맞춰 subView들을 정렬하는 옵션 (Horizontal Stack View에서만 사용가능) - Distribution : StackView 안에 들어가는 뷰들의 사이즈를 어떻게 분배할지 설정하는 속성 ㄴ Fill - Stack View의 방향에 따라 가능한 공간을 모두 채우기 위해서 subView들의 사이즈를 재조정한다. (subView들이 StackView 크기를 초과한다면 각 뷰의 Compression resistance priorities 에 따라 각 뷰의 크기를 감소시킨다, subView들이 StackView 사이즈에 미달한다면 각 뷰의 Hugging priority에 따라 각 뷰를 늘려 StackView를 채움) ㄴ Fill Equally ㄴ Fill Proportionally : Stack View의 방향에 따라 subView가 가지고 있던 크기에 비례하여 공간을 차지하도록 만듬 ㄴ Equal Spacing : Stack View의 방향에 따라 subView들 사이의 공간을 균등하게 배치하는 옵션 ㄴ Equal Centering : Stack View의 방향에 따라 각 subView들의 센터와 센터간의 길이를 동일하게 맞추는 옵션 - Spacing : Stack View 안에 들어가는 뷰들의 간격을 조정하는 속성 |
복습할 내용
- UIStackView 속성에 대한 이해
오늘의 공부 후기
오늘은 계산기 앱 만들기 실습을 진행했습니다.
매번 사용하는 계산기 앱이었지만 직접 만들어보니 어떤 방식으로 작동하는지 이해할 수 있어 도움이 되었던 강좌였습니다.
패스트캠퍼스 [직장인 실무교육]
프로그래밍, 영상편집, UX/UI, 마케팅, 데이터 분석, 엑셀강의, The RED, 국비지원, 기업교육, 서비스 제공.
fastcampus.co.kr
본 포스팅은 패스트캠퍼스 환급 챌린지 참여를 위해 작성되었습니다.
728x90