[iOS앱개발] #3 계산기 앱

구현 목표

• 계산기 키패드 UI구성
• 계산기를 통해 나누기, 곱하기, 빼기, 더하기 연산
• 누적연산 가능
• AC버튼을 누르면 계산 초기화.

---

iOS개발 지식 알아보고 구현하기

UIStackView, IBDesignables, IBinspectable

 

UIStackView

열 또는 행에 View들의 묶음을 배치할 수 있는 간소화된 인터페이스

스택뷰는 오토레이아웃을 이용하여 디바이스의 스크린 사이즈나 혹은 일어날 어떤 변화에 맞춰 동적인 UI를 구성 할 수 있다.

스택뷰를 사용하면 오토레이아웃의 제약조건을 많이 사용하지 않아도 쉽게 UI를 구성 할 수 이다.

스택뷰를 사용했을때와 하지 않았을 때

 

UIStackview Attribute

UIStackview Attribute

---

속성

• Axis : 스택뷰의 방향을 결정(가로 또는 세로)
• Distribution : StackView 안에 들어가는 뷰들의 사이즈를 어떻게 분배할지 설정하는 속성
  • Fill : 스택뷰의 방향에 따라 가능한 공간을 모두 채우기 위해 서브 뷰들의 우선 순위가 낮은 뷰 부터 사이즈를 재조정
  • Fill Proportionally : 스택뷰의 방향에 따라 서브뷰가 가지고 있던 크기에 비례하여 공간을 차지하도록 만드는 옵션
  • Equal Spacing 스택뷰의 방향에 따라서 서브 뷰 들 사이에 공간이 일정하게 배치하는 옵션
  • Equal Centering 스택뷰의 방향에 따라서 각 서브뷰들의 센터와 센터간의 간격을 동일하게 만들어주는 옵션

Distribution 옵션

• Alignment : 스택뷰의 서브 뷰들을 어떤 식으로 정렬할지 결정하는 속성
  
  • Fill : 정렬이 가로라면 위아래로, 세로라면 좌우로 서브뷰들을 늘린다.
  • Leading : 세로정렬 스택뷰에서 서브뷰들이 스택뷰의 왼쪽에 정렬된다.
  • Top : 가로정렬 스택뷰에서 서브뷰들이 스택뷰의 위쪽으로 정렬된다.
  • FirstBaseLine : 서브뷰들의 FirstBaseLine에 맞춰 스택뷰가 서브뷰들을 정렬한다(가로정렬에서만 사용가능)
  • Center : 스택뷰의 정렬방향에 맞춰 서브뷰들의 센터를 스택뷰의 센터에 맞춰 정렬
  • Trailing : 세로정렬 스택뷰에서 서브뷰들이 스택뷰의 오른쪽에 정렬된다.
  • Bottom :  가로정렬 스택뷰에서 서브뷰들이 스택뷰의 아래쪽으로 정렬된다.
  • LastBaseLine : 서브뷰들의 LastBaseLine에 맞춰 스택뷰가 서브뷰들을 정렬한다(가로정렬에서만 사용 가능)

Alignment 옵션

 

• Spacing : StackView안에 들어가는 뷰들의 간격을 조정하는 속성

---

커스텀 뷰 

• IBIntpectable : 커스텀 뷰 속성을 스토리 보드에서 변경 할 때 사용
• IBDesignable : 변경된 속성이 실시간으로 스토리보드에 적용 할 때 사용

---

어플리케이션 구현

계산기

---

글의 모든 내용은 패스트캠퍼스 강의를 시청하고 작성한 내용입니다.

End