[iOS] Storyboard 컴포넌트 완전 정복하기

스토리 보드에서 + 버튼을 누르면 나오는 모든 컴포넌트들에 대해서 조사하였습니다.

제가 생각했을 때 중요도가 높으면 빨강, 보통이면 검정으로 색을 정하였습니다.

사진은 예시가 필요할 것 같은 것들만 넣었습니다.

 

 

Label

한 줄 혹은 여러 줄의 text를 보여주는 View

 

Button

사용자의 상호 작용(터치/탭 등의 이벤트)에 반응해 미리 지정된 코드를 실행하는 컨트롤

 

Segmented Control

여러 세그먼트(버튼)로 구성된 수평 컨트롤

Text Field

인터페이스에서 편집 가능한 텍스트 영역을 표시하는 객체

Slider

연속된 값 중에서 특정 값을 선택하는데 사용되는 컨트롤

Switch

On/Off 같은 두 가지 옵션을 제공하는 컨트롤

Activity Indicator View

일이 진행중임을 보여주는 View

Progress View

일의 진행률을 보여주는 View

Page Control

앱의 문서 또는 다른 데이터 모델 개체의 페이지에 해당하는 가로의 일련의 점들을 표현하는 컨트롤

(예시 : 인스타그램의 여러 장일 경우 밑에 생기는 페이지)

Stepper

값을 증가시키거나 감소시키기 위한 컨트롤

Horizontal Stack View

여러 뷰들을 수평으로 배치하기 위한 간소화된 인터페이스

 

Vertical Stack View

여러 뷰들을 수직으로 배치하기 위한 간소화된 인터페이스

 

TableView

하나의 열, 여러 행을 사용하여 데이터를 표시하는 View

리스트 형태를 지니고 있으며 스크롤이 가능해 많은 정보를 보여 줄 수 있습니다.

(예시 : 당근마켓)

 

Table View Cell

TableView를 이루는 개별적인 행

 

Image View

단일 이미지 또는 일련의 애니메이션 이미지를 표시하는 객체

 

Collection View

유연하고 변경 가능한 레이아웃을 사용하여 데이터 아이템의 정렬된 세트를 표시하는 View

(예시 : 번개 장터)

 

Collection View Cell

CollectioinView를 이루는 하나의 데이터 아이템

 

Collection Reusable View

CollectionView에 표시되는 모든 셀 및 보조 view들에 대한 동작을 정의해주는 View

 

Text View

스크롤할 수 있는 여러 줄 텍스트 영역

Scroll View

스크롤 뷰 안에 포함된 뷰를 상, 하, 좌, 우로 스크롤할 수 있고 확대 및 축소할 수 있는 View

 

Date Picker

날짜 및 시간 값 입력을 위한 컨트롤

Picker View

돌아가는 휠을 사용하여 하나 이상의 값 집합을 표시하는 View

Visual Effect View with Blur

배경의 흐림을 구현하는 View

 

Visual Effect Views with Blur and Vibrancy

배경의 흐림과 함께 생동감을 구현하는 View

(Vibrancy는 주로 Blur와 함께 사용된다고 합니다.)

 

Map Kit View (MKMapView)

지도 앱이 제공하는 것과 유사한 내장형 지도 인터페이스

 

MetalKit View

Metal에서 랜더링한 그래픽을 보여주는 View

(Metal은 애플이 개발한 그래픽 라이브러리라고 합니다.)

 

GLKit View

OpenGL에서 랜더링한 그래픽을 보여주는 View

(OpenGL은 가장 광범위하게 사용되고 있는 그래픽 라이브러리입니다.)

 

SceneKit View

Scene Kit에서 랜더링한 그래픽을 보여주는 View

(Scene Kit은 3D 그래픽 프레임워크입니다.)

 

SpriteKit View

Sprite Kit에서 랜더링한 그래픽을 보여주는 View

(Sprite Kit은 2D 게임 엔진입니다.)

 

ARKit SceneKit View

ARKit으로 증강된 SceneKit View

(ARKit은 AR 앱을 제작하는 소프트웨어 프레임워크입니다.)

 

ARKit SpriteKit View

ARKit으로 증강된 SpriteKit View

 

Web View (더 이상 사용되지 않습니다.)

Web Content를 보여주는 View

 

WebKit View

Web Content(웹 페이지)를 보여주는 View

 

RealityKit AR View

RealityKit에서 랜더링한 AR 그래픽을 보여주는 View

 

View

화면의 직사각형 영역에 대한 내용을 관리하는 객체

 

Container View

ViewController를 담는 View

 

Navigation Bar

일반적으로 Navigation Controller와 함께 화면 상단의 막대에 표시되는 네비게이션 컨트롤

Navigation Item

Navigation Bar에 보이는 아이템 

ex) 뒤로 가기 버튼, 완료 버튼

 

Toolbar

인터페이스의 아래 끝쪽의 하나 이상의 Button를 표시하는 컨트롤

 

Bar Button Item

Toolbar 또는 Tab bar에 배치하기 위한 특수한 Button

 

Fixed Space Bar Button Item

다른 Bar Button Item 사이에 추가하는 길이가 정해진 공백 (직접 설정해야 함)

 

Flexible Space Bar Button Item

다른 Bar Button Item 사이에 추가하는 길이가 유동적인 공백 (자동으로 설정됨)

 

Tab Bar

여러 섹션을 가지는 앱에서 각 섹션을 선택해 해당 View로 이동할 수 있도록 밑에 하나 이상의 Button를 표시하는 컨트롤

Tab Bar Item

Tab Bar의 항목을 설명하는 객체

 

Search Bar

사용자로부터 검색과 관련 정보를 받게 하기 위한 View

Menu Command (UICommand)

가지고 있는 액션을 셀렉터에서 수행하는 메뉴 요소

 

Main Menu

기본 메뉴

 

Sub Menu

하위 항목들을 보여주는 메뉴

 

Inline Section Menu

하위 항목을 구분자와 함께 인라인으로 표시하는 메뉴

 

View Controller

하나의 View를 관리하는 객체

 

Storyboard Reference

나뉜 스토리보드를 연결해주는 메타데이터

 

Navigation Controller

내비게이션 스택을 사용하여 View Controller를 관리하는 Container View Controller

 

Table View Controller

Table View를 관리하는 데에 특화된 View Controller

 

Collection View Controller

Collection View를 관리하는 데에 특화된 View Controller

 

Tab Bar Controller

여러 섹션을 가지는 앱에서 각 섹션을 선택해 해당 View로 이동할 수 있도록 하는 Container View Controller

 

Split View Controller

View Controller 2개를 한 화면에서 관리하는 Container View Controller

 

Page View Controller

Child View Controller에 의해 관리되는 페이지 컨텐츠 간의 탐색을 관리하는 Container View Controller

 

Hosting View Controller

Swift UI View의 계층을 관리하는 UIKit View Controller

 

GLKit View Controller (더 이상 사용되지 않습니다.)

OpenGL ES 렌더링 루프를 관리하는 View Controller

 

AVKit Player View Controller

재생 컨트롤러와 함께 플레이어 객체의 비디오 컨텐츠를 보여주는 View Controller

 

Object

대부분의 Objective-C 클래스 계층 구조의 루트 클래스

 

Tab Gesture Recognizer

싱글 탭 또는 멀티 탭 제스처를 인식하는 Gesture Recognizer

 

Pinch Gesture Recognizer

핀치(Pinch) 제스처를 인식하는 Gesture Recognizer (확대, 축소)

 

Rotation Gesture Recognizer

회전 제스처를 인식하는 Gesture Recognizer

 

Swipe Gesture Recognizer

스와이프(swipe) 제스처를 인식하는 Gesture Recognizer

 

Pan Gesture Recognizer

드래그(drag) 제스처를 인식하는 Gesture Recognizer

 

Screen Edge Pan Gesture Recognizer

화면 가장자리 드래그 제스처를 인식하는 Gesture Recognizer

 

Long Press Gesture Recognizer

롱 프레스(long-press) 제스처를 인식하는 Gesture Recognizer(꾹 누르기)

 

Custom Gesture Recognizer

사용자 지정 제스처를 인식하는 Gesture Recognizer