iOS

Storyboard 컴포넌트 알아보기

수줌이 2021. 6. 20. 23:26

UIKIT

UIKit은 iOS 애플리케이션의 사용자 인터페이스를 구현하고 이벤트를 관리하는 프레임워크입니다.

  • UIKit 프레임워크는 제스처 처리, 애니메이션, 그림 그리기, 이미지 처리, 텍스트 처리 등 사용자 이벤트 처리를 위한 클래스 포함
  • 테이블뷰, 슬라이더, 버튼, 텍스트 필드, 얼럿 창 등 애플리케이션의 화면을 구성하는 요소 포함
  • UIKit 클래스 중 UIResponder에서 파생된 클래스나 사용자 인터페이스에 관련된 클래스는 애플리케이션의 메인 스레드(혹은 메인 디스패치 큐)에서만 사용해야 함
  • UIKit은 iOS와 tvOS 플랫폼에서 사용

Xcode 상단의 + 모양 버튼을 누르면 IOS의 화면을 구성하는 ‘오브젝트 라이브러리’를 확인할 수 있습니다. 

 

 

스토리보드에 사용되는 다양한 오브젝트에 대해 간략하게 알아봅시다 !!

 

  • Label - 하나 이상의 여러 라인을 표시할 수 있는 오브젝트
  • Button - 유저의 인터렉션을 통해 커스텀 코드를 실행할 수 있는 제어 오브젝트
  • Segmented Control - 여러 분할로. 구성되어 있는 가로형 제어기, 각각의 분할은 분리된 버튼으로 구성되어 있음
  • Text Field - 인터페이스내에서 편집이 가능한 텍스트 오브젝트
  • Slider - 연속된 범위의 값으로 부터 단일 값을 선택해서 값을 불러오는 제어 오브젝트, 말 그대로 슬라이더
  • Switch - 이진 선택 제공하는 오브젝트, 말 그대로 스위치
  • Activity Indicator View - 작업이 진행될 때 표시되는 뷰 오브젝트
  • Progress View - 시간에 따른 작업의 진행을 묘사하는 뷰 오브젝트
  • Page Control - 수평의 연속되는 점으로 표시되는 제어 오브젝트, 각각의 페이지는 앱의 문서나 데이터 모델 entity를 표시하며 페이지를 넘길 때 사용되는 오브젝트
  • Stepper - 값이 증가하거나 감소시키는 제어 오브젝트
  • Horizontal Stack View - 행 또는 열로 뷰 모음을 배치하기 위한 간소화된 인터페이스 뷰 오브젝트 ( Axis: Horizontal )
  • Vertical Stack View - 행 또는 열로 뷰 모음을 배치하기 위한 간소화된 인터페이스 뷰 오브젝트 ( Axis: Vertical )
  • Table View - 테이블 타입으로 데이터를 표시할 수 있는 뷰 오브젝트
  • Table View Cell - 테이블에서 단일 행의 보여주는 오브젝트
  • Image View - 인터페이스에서 단일 이미지 또는 일련의 애니메이션를 표시하는 오브젝트
  • Collection View - 커스텀한 레이아웃을 사용하여 정렬된 데이터 항목 모음을 관리하는 오브젝트
  • Collection View Cell - Collection View에서 한 셀을 나타내는 단일 보기 오브젝트
  • Collection Reusable View - Collection View 안에서 재사용 가능한 뷰의 속성이나 행동을 정의하는 오브젝트 (header/footer)
  • Text View - 사용자가 텍스트 보기를 탭하면 키보드가 나타나는 오브젝트
  • Scroll View - 애플리케이션 창의 크기보다 큰 콘츠를 표시하는 메커니즘을 제공하며, 스크롤 할 수 있는 오브젝트
  • Date Picker - 날짜와 시간을 선택할 수 있도록 여러개의 회전 바퀴를 사용하는 오브젝트
  • Picker View - 구성 요소가 행으로 구성이 되어 휠을 통해 선택할 수 있는 오브젝트
  • Visual Effect View with Blur - 다른 뷰 뒤에서 사용자 정의 가능한 혼합 효과를 제공하는 오브젝트 (블러 효과 줄 때 사용)
  • Visual Effect View with Blur and Vibrancy - 흐린 배경을 제공하며, 생생한 효과를 제공하는 오브젝트 (생생한 블러 효과 줄 때 사용)
  • Map Kit View - 지도를 포함할 수 있는 인터페이스를 제공하는 오브젝트
  • MetalKit View - 3D Model, Texture등 Metal Drawing 어플리케이션을 만드는데 필요한 노력을 단순화하는 오브젝트
  • GLKit View - OpenGL을 활용한 어플리케이션을 만드는데 필요한 노력을 단순화하는 오브젝트
  • SceneKit View - SceneKit 프레임워크를 이용해서 3D장면을 표시 할 수 있게 해주는 오브젝트
  • SpriteKit View - SpriteKit 프레임워크를 이용해서 2D장면을 표시 할 수 있게 해주는 오브젝트
  • ARKit SceneKit View - ARkit 및 SceneKit 프레임워크를 이용해서 카메라 배경에 3D 장면을 표시 할 수 있는 오브젝트
  • ARKit SpriteKit View - ARkit 및 SpriteKit 사용할 수 있게 허용해주는 오브젝트
  • Web View (deprecated) - WKWebView가 최신이고 이것은 Legacy 예전 버젼을 지원하기 위해 있는 오브젝트
  • WebKit View - 웹 콘텐츠를 삽입하고 보여줄 수 있는 오브젝트
  • Reality AR View - RealityKit 프레임워크를 사용하여 3D 대화형 AR장면을 표시할 수 있는 오브젝트
  • Navigation Bar - 상태 표시줄 바로 아래에 탐색 표시줄을 표시하는 메커니즘을 제공하는 오브젝트
  • Navigation Item - 항목이 스택의 맨 위에 있을 때 탐색 모음에 표시되는 내용과 뒤로 항목 일 때 표시되는 방법을 포함하여 UINavigationBar 개체 스택의 탐색 항목에 대한 정보를 캡슐화
  • Toolbar - 화면 하단에 도구 모음을 표시하는 메커니즘을 제공하는 오브젝트
  • Bar Button Item - 각 막대 버튼 항목은 버튼과 유사하게 작동하는 오브젝트
  • Fixed Space Bar Button Item - 인접한 도구 모음 항목을 고정 된 공간으로 분리하는 오브젝트
  • Flexible Space Bar Button Item - 인접한 도구 모음 항목을 유연한 공간으로 분리하는 오브젝트
  • Tab Bar - 엡에서 보기, 하위 작업이나 모드를 선택하기 위한 막대를 표시
  • Tab Bar Item - UITabBar의 항목을 나타냅니다. 항목에 대해서 제목과 이미지가 있는 오브젝트
  • Search Bar - 검색 아이콘이 포함 된 편집 가능한 검색 표시 줄 오브젝트
  • Menu Command - 명령은 메뉴의 다른 명령과 함께 그룹화되며 선택시 첫 번째 responder를 통해 action message를 보냄
  • Main Menu - macOS에서 기본 메뉴로 사용할 기본 메뉴 및 명령 세트가 포함되어 있음.
  • Sub Menu - 하위 메뉴에 표시할 수 있도록 구성된 오브젝트
  • Inline Section Menu - 구분 기호를 사용하여 자식을 인라인으로 표시하는 오브젝트
  • View - 뷰 계층 구조에서 부모의 사각형 영역 내에서 그리기, 하위 뷰 레이아웃 및 이벤트 처리를 위한 구조를 제공하는 오브젝트
  • Container View - 하위 뷰 컨트롤러를 호스팅하기 위해 뷰 컨트롤러의 뷰 계층 구조 내에서 영역을 정의하는 오브젝트
  • View Controller - 툴바, 내비게이션바, 응용 프로그램 뷰에 대한 view-management 기능을 제공하는 오브젝트
  • Storyboard Reference - 스토리 보드를 여러 파일로 분해 할 수 있는 오브젝트
  • Navigation Controller - 뷰 컨트롤러의 스택과 내비게이션바를 관리할 수 있는 오브젝트
  • Table View Controller - 올바른 차원과 사이즈 조절이 가능한 마스크를 통해 인스턴스를 생성하고 tableView를 관리하는 오브젝트
  • Collection View Controller - 올바른 차원과 사이즈 조절이 가능한 마스크를 통해 인스턴스를 생성하고 collectionView를 관리하는 오브젝트
  • Tab Bar Controller - 각각 탭 표시줄 항목을 나타내는 뷰 컨트롤러 세트를 관리하는 오브젝트
  • Split View Controller - 마스터 View 컨트롤러에 디테일 인터페이스를 사용할 때 주로 사용하는 오브젝트.
  • Page View Controller - 데이터 소스와 델리게이트를 통해 뷰 컨트롤러 시퀀스를 페이지로 표시하는 오브젝트
  • Hosting View Controller - 프로그래밍 방식으로 루트 뷰를 할당하는 UIHostingController의 사용자 지정 하위 클래스를 선언하여 SwiftUI 뷰 계층 구조 콘텐츠를 사용자 지정합하는 오브젝트
  • GLKit View Controller - 모든 표준 뷰 컨트롤러 기능을 제공하고 OpenGL ES 렌더링 루프를 구현하는 오브젝트
  • AVKit Player View Controller - 시청각 콘텐츠 및 표준 재생 컨트롤을 표시 할 수있는 AVPlayer 개체를 관리하는 오브젝트
  • Object - 사용자 정의 클래스 Inspector를 사용하여이 객체를 특정 클래스의 인스턴스로 변환하는 오브젝트
  • Tap Gesture Recognizer - 유저가 탭했을 때 반응하는 오브젝트
  • Pinch Gesture Recognizer - 2개의 손가락으로 Pinch를 하는 동안 반응하는 오브젝트
  • Rotation Gesture Recognizer - 2개의 손가락으로 회전을 하는 동안 반응하는 오브젝트
  • Swipe Gesture Recognizer - 스와이프를 하는 동안 반응하는 오브젝트
  • Pan Gesture Recognizer - 드래그를 하는 동안 반응하는 오브젝트
  • Screen Edge Pan Gesture Recognizer - 스크린의 가장자리에서 드래그를 하는 동안 반응하는 오브젝트
  • Long Press Gesture Recognizer - 사용자가 누르고 있는 동안 반응하는 오브젝트
  • Custom Gesture Recogn - 커스텀 동작에 대해 반응햐는 오브젝트

 


▼ 참고

 

 

Storyboard 컴포넌트 모두 알아보기

스토리보드란 무엇인가? 스토리보드는 iOS앱의 사용자 인터페이스를 시각적으로 표현하는 콘텐츠 화면, 그리고 화면 간의 연결을 보여주는 도구이다.스토리 보드의 구성은 일련의 Scenes로 구성

velog.io

 

[iOS] 스토리보드를 통한 기본 화면 구성(Storyboard, View, View Controller, UIKIT, viewDidLoad)

Xcode에서 IOS 프로젝트를 생성하면 프로젝트 내부에 스토리 보드가 존재합니다. 스토리보드 (Stroryboard)란? 스토리 보드는 IOS 앱의 사용자 인터페이스를 시각적으로 표현하여 컨텐츠 화면과 화면

scshim.tistory.com