누르는 영역
손가락·마우스·차량에서 누르는 칸의 크기. 화면의 값은 빌드할 때 제품 코드에서 바로 읽었어요.
왜 플랫폼마다 다른가요#
손가락은 마우스보다 크고, 운전 중에는 화면을 오래 볼 수 없어요. 그래서 같은 부품도 누르는 칸이 달라요.
- 폰(767px 이하)에서는 아이콘 버튼과 칩의 누르는 칸이 커져요. 보이는 크기는 그대로 두고 칸만 넓힌 곳도 있어요.
- PC는 마우스 기준이라 더 촘촘해요. 대신 hover와 키보드 초점으로 누를 수 있는 것을 알려 줘요.
- 차량은 버튼 높이부터 크게 잡고, 누르는 대상 사이를 넉넉히 띄워요.
플랫폼별 값#
| 역할 | 모바일 | PC | Pleos개발 중 |
|---|---|---|---|
| 아이콘 버튼 | 44px | 32px | 80dp (아이콘 40dp) |
| 칩 | 여백이 커지고 칸이 4px씩 더 넓어요 | 보이는 크기 그대로 | - |
| 버튼 높이 | - | - | 보통 80dp · 큰 100dp |
| 키패드 키 | - | - | 100dp |
| 누르는 대상 사이 | - | - | 24dp 이상 |
Pleos 값은 차량 앱 공개 저장소(reevl-for-pleos)의 테마 코드에서 옮겼어요. 차량 앱은 개발 중이에요.