스토리보드 컴포넌트

👉 스토리보드 컴포넌트

UI를 만들 때 사용하는 탭 메뉴, 레이블, 테이블, 버튼 등 사용자 인터페이스를 시각적으로 표현할 수 있다
컴포넌트는 +버튼을 누르거나, 단축키 command + shift + L 을 누르면 나타남

• 스토리보드 컴포넌트

  • Label

     하나 이상의 라인을 표시할 수 있는 오브젝트
    
     →화면에 글자만 표현하고 싶을 때 사용

  • Button

     유저의 인터렉션을 통해 커스텀 코드를 실행할 수 있는 제어 오브젝트
    
     → 버튼을 눌러 다른 화면으로 이동하거나 알림을 띄우는 등 이벤트를 발생 시킬 
    
         때 사용

  • Segmented Control

     세그먼트 버튼을 눌러 두가지 이상의 화면을 표현하고 싶을 때 사용

  • Text Field

     사용자가 직접 글씨를 입력할 수 있는 창

  • Slider

     사용자가 단일 값을 선택하는 값 범위를 표시하는 제어 오브젝트
    
      →  ex) 아이폰 설정- 밝기에 밝기조절 에서 슬라이드로 밝기 조절을 함

  • Switch

     켜기/끄기 와 같은 이진 선택을 제공하는 오브젝트

  • Activity Indicator View

    작업이 진행 중임을 나타내는 오브젝트 (로딩중..)

  • Progress View

       작업 진행 상황을 나타내는 오브젝트
    
      → ex) 뮤직앱이나 동영상과 같이 현재 노래와 영상이 몇분 몇초인지 진행상황을
    
                 나타낼 수 있음

  • Page Control

      각 앱의 문서 또는 기타 데이터 모델 엔터티의 페이지에 해당하는 
    
      일련의 가로 점을 표시하는 오브젝트
    
      → 현재 페이지, 페이지의 개수 등을 확인 할 수 있음
    
          ex) 아이폰 홈화면의 수가 2개 이상일 때 화면 하단에 나타남

  • Stepper

     값의 증가 및 감소 작업을 수행하는 오브젝트

  • Horizontal Stack View

     가로의 뷰 컬렉션을 배치하기 위한 간소화된 인터페이스 
    
     → 이미지나, 라벨등 Stack으로 묶어 오토레이아웃 제약조건을 많이 안 
    
         쉽게 UI를 구성할 수 있음

  • Vertical Stack View

     세로의 뷰 컬렉션을 배치하기 위한 간소화된 인터페이스

  • Table View

     테이블 타입으로 데이터를 표시할 수 있는 오브젝트
    
     → 아이폰의 대표적인 연락처, 설정창 등을 표현할 수 있음

  • Table View Cell

     테이블에서 단일 행의 보여주는 오브젝트
    
      →  테이블뷰 안에 셀 단위로 컨텐츠를 보여준다.

  • Image View

     인터페이스에서 단일 이미지 또는 일련의 애니메이션를 표시하는 오브젝트

  • Collection View

     커스텀한 레이아웃을 사용하여 정렬된 데이터 항목 모음을 관리하는 오브젝트
    
     →tableView에 비해 데이터 나열이 자유로워 많은 아이템을 보여주는 상황에서  
    
        사용하고 수평, 수직 나열 방향을 정할 수 있음

  • Collection View Cell

       Collection View의 가시 범위 내에 있는 경우 단일 데이터 항목입니다.

  • CollectionView Reusable View

     Collection View 안에서 재사용 가능한 뷰의 속성이나 행동을 정의하는 오브젝트
    
      → collectionView의 HeaderView를 표현하고 싶을 때 사용 가능

  • Text View

    여러줄의 긴 Text를 표현하고 싶을 때 스크롤을 이용해 사용

  • Scroll View

     애플리케이션 창의 크기보다 큰 콘텐츠를 표시하는 메커니즘을 제공하며, ****
    
     스크롤 할 수 있는 오브젝트

  • Data Picker

     달력 날짜와 시간을 표시하는 오브젝트

  • Picker View

     구성 요소가 행으로 구성이 되어 휠을 통해 선택할 수 있는 오브젝트

  • Visual Effect View with Blur

     다른 뷰 뒤에서 사용자 정의 가능한 혼합 효과를 제공하는 오브젝트 (Blur(흐리게) 효과)

  • Visual Effect Views with Blur and Vibrancy

     생생한 블러효과를 제공하는 오브젝트

  • Map Kit View

      앱 내에서 지도를 포함할 수 있는 오브젝트

  • MetalKit View

    3D Model, Texture등 Metal Drawing 어플리케이션을 만드는데 필요한 오프젝트

  • GLKit View

     OpenGL을 활용한 어플리케이션을 만드는데 필요한 노력을 단순화하는 오브젝트

  • SceneKit View

     앱에서 3D 애니메이션 장면과 효과를 표시할 수 있게 해주는 오브젝트

  • SpriteKit View

     앱에서 2D 애니메이션 장면과 효과를 표시할 수 있게 해주는 오브젝트

  • ARKit SceneKit View

    ARkit 및 SceneKit 프레임워크를 이용해서 
    
     카메라 배경에 3D 장면을 표시 할 수 있는 오브젝트

  • ARKit SpriteKit View

    ARkit 및 SpriteKit 사용할 수 있게 허용해주는 오브젝트

  • Web View (deprecated)

     웹 프레임을 관리하는 뷰 오브젝트 (현재 사용되지 않음)

  • WebKit View

     인앱 브라우저와 같은 대화형 웹 콘텐츠를 표시하는 오브젝트

  • RealityKit AR View

     ealityKit 프레임워크를 사용하여 3D 대화형 AR장면을 표시할 수 있는 오브젝트

  • Navigation Bar

     상태 표시줄 바로 아래에 탐색 표시줄을 표시하는 오브젝트
    
     → 앱의 제목이나 뒤로가기 등과 같이 아이템이 표현되는 곳

  • Navigation Item

     Navigation Bar 의 Item을 표시하는 오브젝트

  • Toolbar

     화면 하단에 도구 모음을 표시하는 오브젝트

  • Bar Button Item

     navigationbar에 버튼을  표현하고 싶을 때 사용

  • Fixed Space Bar Button Item

     고정된 너비 공간 항목을 만들어 공간을 분리하는 **오브젝트**

  • Flexible Space Bar Buttle Item

    유연한 너비 공간 항목을 만들어 공간을 분리하는 **오브젝트**

  • Tab Bar

     엡에서 보기, 하위 작업이나 모드를 선택하기 위한 막대를 표시
      

  • Tab Bar Item

    UITabBar의 항목에 버튼형식으로 이미지와 제목을 표현할 수 있음

  • Search Bar

     사용자로부터 검색 관련 정보를 수신하기 위한 오브젝트

  • Menu Command

    명령은 메뉴의 다른 명령과 그룹화되며, 
    
    이 옵션을 선택하면 responder를 통해 작업 메시지를 보냅니다.

  • Main Menu

     macOS에서 기본 메뉴로 사용할 기본 메뉴 및 명령 집합을 포함

  • Sub Menu

     하위 메뉴에 하위 항목을 표시하도록 구성된 메뉴

  • Inline Section Menu

     구분자를 사용하여 하위 항목을 인라인으로 표시하도록 설정된 메뉴

  • View

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

  • Container View

     하위 뷰 컨트롤러를 호스트할 뷰 컨트롤러의 뷰 계층 내에 영역을 정의합니다. 
    
     하위 뷰 컨트롤러는 내장형 세그와 함께 지정됩니다.

  • View Controller

      도구 모음, 탐색 모음 및 응용 프로그램 보기에 대한 보기 관리 기능을 
    
      제공하는하는 오브젝트
    
      → 사용자가 화면을 보는 것에 대한 기능을 제공하고 관리하는 것

  • Storyboard Reference

     스토리보드 참조를 통해 스토리보드를 여러 파일로 팩토링할 수 있고
    
     플레이스홀더에 연결된 Segue는 한 스토리보드에서 다른 스토리보드로
    
     전환 할 수 있음

  • Navigation Controller

    Navigation Bar와 View Controller 스택을 관리합니다. 각 뷰 컨트롤러는 
    
    네비게이션 아이템을 통해 네이게이션 바의 모양을 사용자 정의할 수 있음      

  • Tabel View Controller

     UITableView를 관리하고, 올바른 치수와 mask크기를 사용하여 인스턴스를 
    
     자동으로 작성하며, 테이블 뷰의 대리인 및 데이터 원본 역할을 수행

  • CollectionView Controller

     UICollectionView를 관리하고, 올바른 치수와 mask크기를 사용하여 
    
     인스턴스를 자동으로 작성하며, 컬렉션 뷰의 대리인 및 데이터 원본 역할을 수행

• Tab Bar Controller

       각각 탭 표시줄 항목을 나타내는 뷰 컨트롤러 집합을 관리합니다. 
  
       각 뷰 컨트롤러는 탭 모음 항목에 대한 정보를 제공하고 항목을 선택할 때 
  
       표시할 뷰를 제공

  • Split View Controller

      마스터 뷰 컨트롤러가 하위 뷰 컨트롤러에서 변경을 시작하는 
    
      마스터 상세 인터페이스를 만드는 데 사용

  • 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 Recognizer

     커스텀 동작에 대해 반응하는 오브젝트