[UIKit] UIComponent

UIKit은 iOS 앱의 UI를 구성하기 위해

여러 구성 요소들을 제공하는 Apple의 프레임워크다.

 

UIComponent는 UIKit의 구성요소인데,

UIView나 UIControl 등을 상속받은 class이다.

UIView를 상속받은 UILabel, UIButton과 같은 것들이 있다.

각각은 property와 method를 이용하여

그 모습과 이벤트 처리를 할 수 있다.

 

Storyboard에서는 많은 UIComponent를 편하게 사용할 수 있는데,

이 중에서 몇 가지를 살펴보자!

 

 

---

 Lable 

Lable은 한 줄 이상의 text를 보여주는 view이다.

UILable을 상속받은 class로,

연결된 rectangle의 크기와 property에 따라

text가 shrink, wrap, truncate 될 수 있다.

폰트, 색상, 정렬, highlighting, 그림자를 설정할 수 있다.

 

 

---

 Button 

Button은 user interaction에 따라 code를 실행하는 control이다.

UIButton을 상속받은 class로,tap 했을 때 action을 보낸다.

plain 스타일의 button으로,title, subtitle, image, 등의 property를 가질 수 있다.

 

plain 외에도 Gray, Tinted, Filled 스타일의 Button을 이용할 수 있다.

 

 

---

 Pull Down Button 

Pull Down Button은 Button과 마찬가지로

UIButton을 상속받은 class이다.

다른 점은, tap 했을 때,

pull down menu를 보여준다는 것이다.

 

이 외에도 Pop Up Button도 있다.

 

 

---

 Segmented Control 

Segmented Control은 UISegmentedControl을 상속받은 class로,

discrete button으로 동작하는

segment들로 구성된 수평방향의 control이다.

각 segment는 text나 image를 보여줄 수 있지만,

둘 다 보여줄 수는 없다.

 

 

---

 Text Field 

Text Field는 UITextField를 상속받은 class로,

interface에서 수정 가능한 text를 보여준다.

Text Field를 tap 하면 키보드가 나타나고,

키보드에서 Return을 tap 하면 키보드가 사라지면서 입력한 값을 이용할 수 있다.

UITextField는 bookmarks 같은 추가 정보를 보여주기 위해 overlay views를 지원한다.

 

 

---

 Slider 

Slider는 UISlider를 상속받은 class로,

연속적인 범위의 값들 중에서 하나의 값을 선택하기 위한 control이다.

UISlider는 값의 범위를 나타내는 수평방향의 bar인 track을 보여준다.

indicator의 위치로 현재 값을 알 수 있고,

track을 sliding 하며 움직여 값을 선택할 수 있다.

 

 

---

 etc. 

이 외에도 UIComponent를 사용할 수 있는 여러 object들이 있다.

 

Switch,

Activity Indicator View,

Progress View,

Page Control,

Stepper,

Image View,

Date Picker,

Navigation Bar,

Toolbar,

Tab Bar, ...

 

View와 Control들을 사용하는 방법과

그 종류들을 아래 링크에서 확인할 수 있다.

UIKit Catalog: Creating and Customizing Views and Controls | Apple Developer Documentation