•
제목 : 언제든지 펼쳐보는 UI 컴포넌트 오프북 For AndroidSelection controls는 옵션 선택, 설정 변경 등의 기능을 제공하는 컴포넌트이다.
•
ANATOMY, 컴포넌트 내부요소
•
1) Container2) Mark3) Track4) Thumb
•
Radio button과 Checkbox button은 형태적으로 명확하게 구분하여 사용할 것을 권장한다. 프로젝트 혹은 브랜드 콘셉트에 따라서 두 가지 버튼의 Container 형태가 원형으로 유사한 경우, 사용자에게 별도의 디스크립션 혹은 Hover 상태 값이나, 디폴트 선택 값을 주어 각 버튼을 구분할 수 있도록 한다.
•
TYPE, 종류
•
1. Radio buttonRadio button은 제공된 옵션 항목 중 한 개만 선택할 수 있을 때 사용한다.2. CheckboxCheckbox는 제공된 옵션 항목 중 한 개 이상 선택할 수 있을 때 사용한다.3. SwitchSwitch는 제공된 항목의 설정을 켜거나 끌 때 사용한다.STATES, 상태Default, Disabled, Focused, Pressed, Hover
•
SPEC, 제작 가이드
•
1. Radio buttonRadio button 사이즈는 최소 20x20dp를 권장한다.
•
2. CheckboxCheckbox 사이즈는 최소 24x24dp를 권장한다.
•
3. Switch가로 사이즈는 최소 36dp, 세로 사이즈는 최소 20dp를 권장한다.
•
어떻게 적용할 수 있을지?
•
radio button과 checkbox 형태를 명확하게 구분해서 사용하려고 한다.
•
출처 : 언제든지 펼쳐보는 UI 컴포넌트 오픈북 For Android