UI Component란?
웹, 모바일 화면에서 각 기능을 구성하는 최소의 단위이다.
UI Component의 종류
Label
정보 텍스트의 한 줄 이상을 표기하는 보기
텍스트의 글꼴, 텍스트 색상, 정렬, 강조 표시 및 음영 제어 가능
Button
유저의 인터렉션을 통해 커스텀 코드를 실행할 수 있는 제어 오브젝트
버튼의 제목, 이미지 및 기타 모양 속성을 설정 가능. 각 버튼 상태에 대해 다른 모양을 지정 가능
Pull Down Button
사용자가 풀다운 버튼 메뉴에서 항목을 선택하면 메뉴가 닫히고 앱이 선택한 작업을 수행한다.
명령이 아닌 상호 배타적인(어느 한 이벤트가 발생했을 때, 다른 이벤트는 발생할 수 없음) 선택 목록을 제공해야하는 경우에는 Pop Up Button을 사용한다.
Pop Up Button
사용자가 팝업 버튼 메뉴에서 항목을 선택하면 메뉴가 닫히고 버튼은 현재 선택 항목을 나타내도록 콘텐츠를 업데이트한다.
버튼을 누르면 여러 메뉴가 나오는데, 하나만 선택할 수 있다.
Text Field
인터페이스 내에서 편집이 가능한 텍스트 오브젝트
사용자가 텍스트 필드를 탭하면 키보드가 나타난다.
Slider
연속된 범위의 값으로부터 단일 값을 선택해서 값을 불러오는 제어 오브젝트
Switch
이진 선택을 제공하는 오브젝트
컨트롤을 탭하면 상태를 전환
Activity Indicator View
작업이 진행될 때 표시되는 뷰 오브젝트
완료율을 알 수 없는 작업에 대한 처리를 나타내는데 사용
Progress View
시간에 따른 작업의 진행을 묘사하는 뷰 오브젝트
긴 작업이 진행 중임을 나타내며 완료된 작업의 백분율을 나타낸다.
Page Control
수평의 연속되는 점으로 표시되는 제어 오브젝트
열려있는 각 페이지에 대해 점을 표시하여 응용 프로그램에서 열려있는 페이지 수를 나타냄. 현재 본 페이지에 해당하는 점이 강조 표시
Stepper
값을 증가시키거나 감소시키는 제어 오브젝트
