UI 컴포넌트 오픈북을 읽고, UI 스터디 목적으로 기록합니다.
•
Chip : 사용자에게 제공해야 하는 입력 데이터, 필터 옵션, 기능을 상황에 따라 가변적으로 제공하여 작업 수행을 돕는 컴포넌트이다.
•
ANATOMY, 컴포넌트 내부요소
1) Container
2) Supporting visual(Optional)
3)Text label
4) Remove icon(Optional)
•
TYPE, 종류
1) Filter chip : 태그 혹은 단어를 통해 결과물 필터링 / 기능 : 다중 선택 / 생성 주체 : 제품 (콘텐츠)
2) Assist chip : 여러가지 앱과 연동 가능한 액션 수행 유도 / 기능 : 단일 선택, 클릭 (이동) / 생성 주체 : 제품 (콘텐츠)
3) Input chip : 사용자가 입력한 개별 정도를 Chip으로 변환하여 제공 / 기능 : 편집, 삭제, 선택(확장) / 생성 주체 : 사용자
4) Suggestion chip : 현재 화면에서 수행 가능한 액션 제안 (가능한 응답 제시) / 기능 : 단일 선택 / 생성 주체 : 제품 (콘텐츠)
•
PLACEMENT, 배치
•
Chip은 기본적으로 수평으로 나열하는 방식으로 배치한다. Chip의 텍스트 길이가 화면 전체 너비를 넘는 경우 가로 스크롤을 통해서 Chip을 추가로 보여주거나 다음 행으로 배치할 수 있다.
•
다수의 Chip을 배치해야 하는 경우에는 여러 행으로 구성할 수 있으나, 행이 늘어날수록 각각의 Chip을 효과적으로 표시하기 어려우므로 지나치게 많은 행의 나열이나, 단일 요소로의 사용은 권장하지 않는다.
출처 : UI 컴포넌트 오픈북 For Android