Oak 컨트롤 — 체크박스, 토글, 슬라이더

새김 처리를 담기는 만큼만 줄인 24px 컨트롤입니다. 이 크기에서는 모서리 첨두가 사라지고 모따기한 가장자리와 세 단계 그러데이션만 남습니다. 이는 의도한 것으로, 상자에 담기지 않는 장식은 장식이 없는 것보다 못하고 24px 체크박스에 첨두를 붙이면 얼룩이 될 뿐입니다.

이 세트는 설정 화면이 실제로 필요로 하는 것을 담습니다. 체크박스, 라디오 버튼, 토글 스위치, 손잡이가 분리된 슬라이더, 그리고 이산 값을 위한 스테퍼 한 쌍. 상태가 있는 컨트롤은 모든 상태를 24×24 기준의 개별 파일로 제공합니다. 토글은 48×24이고 슬라이더 트랙은 192px 너비라 nine-slice로 어떤 길이든 늘릴 수 있습니다. 슬라이더는 빈 것, 가득 찬 것, 세로형으로도 들어 있습니다. 음량 세로줄은 가로줄을 돌린 것이 아니기 때문입니다.

켜짐과 꺼짐은 색이 아니라 형태로 구분해 그렸습니다. 체크되지 않은 상자는 빈 홈이고, 체크된 상자는 체크를 파낸 채움 면입니다. 이것이 중요한 이유는 설정 화면이야말로 플레이어가 색각 모드나 회색조 셰이더, 강하게 색을 입힌 포스트프로세스를 켜 두었을 가능성이 가장 높은 곳이기 때문입니다. 색조로만 읽히는 상태는 그 셋 모두에서 사라집니다.

슬라이더는 스프라이트 한 장이 아니라 트랙과 손잡이로 제공됩니다. 한 덩어리 슬라이더를 움직이려면 값마다 다시 그려야 하지만, 두 조각이면 채움을 늘리고 손잡이를 옮기면 됩니다. 어떤 UI 툴킷이든 이미 그것을 전제로 합니다. 손잡이 가운데에는 홈이 있어 회전과 위치가 작은 크기에서도 읽히고, 누른 상태용으로 액센트 링을 더한 변형도 들어 있습니다.

비활성은 상태가 있는 모든 컨트롤마다 별도 스프라이트이며, 실행 중에 입히는 색 처리도 아닙니다. 사용할 수 없는 설정과 꺼 둔 설정은 다른 것입니다. 하나는 "꺼짐"이라 말하고 다른 하나는 "여기는 건드릴 수 없다"고 말합니다. 둘을 같게 보여 주는 화면은 존재하지 않는 버그를 찾게 만듭니다. 체크박스에는 혼합 목록 위의 "모두 선택" 줄을 위한 부분 선택 상태도 들어 있는데, 두 상태짜리 체크박스가 잘못 보고하는 경우가 바로 이것입니다.

전부 편집 가능한 SVG와 1x, 2x, 4x의 플랫한 투명 PNG로 수록했습니다. Oak 계열의 나머지와 같은 목재 갈색 여섯 톤으로 그렸습니다.

크리에이티브 커먼즈 저작자표시 4.0 — 상업적 이용도 무료. 출처 표기가 필요합니다. 전문 보기 · 실제로 무슨 뜻인지