iOS

[iOS] 스토리보드 컴포넌트 정리

TrueSik 2022. 5. 6. 12:38

기본 UI 개념 정리

- UIView : 뷰 계층 구조에서 부모의 사각형 영역 내에서 그리기
                  하위 뷰 레이아웃 및 이벤트 처리를 위한 구조를 제공하는 오브젝트

 

- UILabel : 하나 이상의 여러 라인을 표시할 수 있는 오브젝트

                   설정한 경계 사각형의 크기와 속성에 따라 텍스트를 축소, 줄 바꿈 또는 자를 수 있음.
                   텍스트의 글꼴, 텍스트 색상, 정렬, 강조 표시 및 음영을 제어 가능

 

- UIButton: 유저의 인터렉션을 통해 커스텀 코드를 실행할 수 있는 제어 오브젝트

                    버튼의 제목, 이미지 및 기타 모양 속성을 설정가능

                    각 버튼 상태에 대해 다른 모양을 지정 가능

 

- UIScrollView : 애플레케이션 창의 크기보다 큰 콘텍츠를 표시하는 메커니즘 제공

                            스와이프 등을 활용해서 스크롤 할 수 있는 오브젝트

 

- UIStackView : 행 또는 열로 뷰 모음을 배치하기 위한 간소화된 인터페이스 뷰 오브젝트

  (HorizontalStackView, VerticalStackView)

 

- UINavigation Controller : 뷰 컨트롤러의 스택과 네비게이션바를 관리할 수 있는 오브젝트

 

- UITabbar Controller : 각각 탭 표시줄 항목을 나타내는 뷰 컨트롤러 세트를 관리하는 오브젝트

 


UIButton 종류 및 정리 

- iOS 15에서 버튼을 업데이트를 했습니다.

1.  Gray Button

let button = UIButton(type: .system)
button.configuration = .grey()

2. Tinted Button

let button = UIButton(type .system)
button.configuration = .tinted()

3. Filled Button

let button = UIButton(type: .system)
button.configuration = .filled()

4. Pull Doen Button

  - 버튼의 목적과 직접적으로 관련된 항목 또는 작업 메뉴를 표시할 수 있는 시스템 버튼 유형

  - 버튼 메뉴에서 항목을 선택하면 메뉴가 닫히고 앱이 선택한 작업을 수행

  - 항목을 선택하지 않고 다른 곳을 탭하여 닫을 수 있음

  - 팝업버튼과 달리 풀다운 버튼은 사람들이 선택하는 메뉴 항목에 관계없이 항상 동일한 내용을 표시

5. Pop Up Button

  - 상호 배타적인 옵션 메뉴를 표시할 수 있는 일종의 시스템 버튼

  - 팝업 버튼의 메뉴에서 항목을 선택하면 메뉴가 닫히고 버튼은 현재 선택을 나타내기 위해 내용을 업데이트 할수 있음

  - 작업 목록을 제공해야 하거나 사람들이 여러 항목을 선택하도록 하거나 하위 메뉴를 제공해야 하는경우에 사용

  - 공간이 제한되어 있고 항상 모든 옵션을 표시할 필요가 없는 경우 팝업 버튼을 사용하는 것을 고려