storyboard ui component

• Label : 텍스트를 포함할 수 있고, 텍스트의 글꼴, 색상, 강조표시, 음영 등 속성을 바꿔줄 수 있다.
• Button : 텍스트, 이미지 등 모양 속성을 정의할 수 있다. 버튼의 상태에 따라 다른 모양을 지정할 수 있다.
• Segment Control : 단일 또는 다중 선택 또는 명령 목록을 나타낼 수 있다. 각 세그먼트는 텍스트나 이미지를 표시할 수 있지만 둘다 표시할 수는 없다.
• Text Field : 편집이 가능한 텍스트를 포함할 수 있는 둥근 사각형을 표시. 사용자가 텍스트 필드를 누르면 키보드가 나타나고, Return을 누르면 키보드가 사라진다.
• Slider : 값의 범위를 나타내는 트랙이라고 하는 수평 막대기를 표시. 트랙을 따라 값을 선택할 수 있다.
• Switch : 사용자에게 지정된 값의 Boolean 상태를 보여준다.
• Activity Indicator View : 완료율을 알 수 없는 작업에 대한 처리를 나타내는 데 사용된다.
• Progress View : 긴 Task가 진행중임을 표시하고 완료된 태스크의 백분율을 나타낸다
• Page Control : 열려있는 각 페이지에 대한 점을 표시하여 응용프로그램에서 열려있는 페이지 수를 나타낸다. 현재 표시된 페이지에 해당하는 점이 강조 표시. 페이지 컨트롤은 사용자가 현재 강조 표시된 점의 오른쪽 또는 왼쪽을 누를때 이벤트를 전성하여 탐색을 지원. (좌우 슬라이드해서 화면을 넘기는 형식)
• Stepper : 레이블 또는 텍스트 필드와 결합하여 증가되는 값을 표시.
  (Horizontal, Vertical)Stack View : 수평 또는 수직 뷰 스택을 만드는데 필요한 제약 조건을 생성하고 관리.
• Table View : 데이터원본과 위임하여 스크롤이 가능한 행 목록을 표시. 테이블 뷰의 각 행은 UITalbleViewCell 개체. 사용자는 테이블 셀을 삽입, 삭제 및 재정렬하여 테이블을 편집할 수 있다.
• Table View Cell : 테이블 뷰에서 셀의 특성 및 동작을 정의. 테이블 셀의 선택한 상태 모양을 설정하고, 편집 기능을 지원.
• Image View : 이미지 또는 영상 시리즈를 애니메이션으로 표시.
• Collection View : 데이터 원본과 위임하여 스크롤 가능한 셀 컬렉션을 표시 컬렉션 뷰의 각 셀은 UICollectionViewCell 객체이다. 컬렉션 뷰는 flow layout과 custom layout을 지원하며 셀을 섹션으로 그룹화 할 수 있으며 섹션과 셀을 선택적으로 보조 보기를 가질 수 있다.
• Collection View Cell : 컬렉션 뷰에서 하나의 셀을 나타내는 단일 View. 모양을 제공하려면 Label 및 Image View 와 같은 하위 View로 채운다.
• Collection Reusable View : Collection View에서 재사용 가능한 View의 특성 및 동작을 정의한다.

 

 

Auto Layout 이란

오토 레이아웃(Auto Layout)은 제약 조건(Constraints)을 이용해서 뷰의 위치를 지정하는 것
오토 레이아웃은 기기별 여러 해상도를 지원하는데에 있어서 중요하다