매끄럽게 확장되는 적응형 Android 위젯을 디자인하세요. 권장 기본 크기를 시작점으로 삼고 다양한 환경에서 레이아웃을 테스트할 수 있습니다. 최적의 가독성과 사용자 환경을 보장합니다.
기본 크기
하나 이상의 레이아웃을 최적화하여 세련된 위젯 환경을 제공하세요.
권장 크기입니다. 위젯의 위치와 가시성이 올바른지 확인합니다.
둘 다에 targetCellWidth
및 targetCellHeight
속성을 정의하여 선택 도구 사용
휴대용 및 태블릿 기기입니다.
이 값은 Pixel 기기를 기반으로 합니다. 다음 크기를 시작점으로 사용하세요. 살펴봤습니다 다양한 크기와 기기에서 위젯을 철저히 테스트 사용자 경험을 향상하기 위해 노력합니다.
휴대기기
크기 | 최소 너비 | 최대 너비 | 최소 높이 | 최대 높이 |
---|---|---|---|---|
2x1 | 109 | 306 | 44 | 130 |
2x2 | 109 | 306 | 115 | 276 |
2x3 | 109 | 306 | 185 | 422 |
4x1 | 245 | 624 | 44 | 130 |
4x2 | 245 | 624 | 115 | 276 |
사륜구동 | 245 | 624 | 185 | 422 |
태블릿
크기 | 최소 너비 | 최대 너비 | 최소 높이 | 최대 높이 |
---|---|---|---|---|
2x1 | 180 | 304 | 64 | 120 |
2x2 | 180 | 304 | 184 | 304 |
2x3 | 180 | 304 | 304 | 488 |
3x1 | 328 | 488 | 64 | 120 |
3x2 | 298 | 488 | 184 | 304 |
3x3 | 298 | 488 | 304 | 488 |
3x4 | 298 | 488 | 424 | 672 |
중단점
중단점은 조정 가능하고 사용자 친화적인 크기 조절이 가능한 환경을 만드는 데 필수적입니다. 있습니다. 디자인을 테스트하여 레이아웃이 어떤 영역에 있는지 조정이 필요합니다 이러한 변경사항을 트리거하는 중단점을 구현하고 위젯이 어떤 크기에서든 시각적 매력과 기능을 유지할 수 있도록 해야 합니다.
또한 중단점은 조건부로 포함하거나 제외할 수 있는 유연성을 제공합니다. 위젯의 위젯의 특성에 따라 공간 사용률을 측정기준에 따라 달라집니다.
![](https://android-dot-devsite-v2-prod.appspot.com/static/images/design/ui/mobile/widgets/01_Breakpoints.jpg?hl=ko)
경계 채우기
사용자가 위젯을 제거하는 주된 이유 중 하나는 기타 홈 화면 요소입니다. 이를 방지하려면 위젯이 항상 완전히 할당되었습니다.
![](https://android-dot-devsite-v2-prod.appspot.com/static/images/design/ui/mobile/widgets/01_Fill_the_Bounds.jpg?hl=ko)
권장사항
![](https://android-dot-devsite-v2-prod.appspot.com/static/images/design/ui/mobile/widgets/02_Fill_the_Bounds.jpg?hl=ko)
금지사항
![](https://android-dot-devsite-v2-prod.appspot.com/static/images/design/ui/mobile/widgets/03_Fill_the_Bounds.jpg?hl=ko)
권장사항
![](https://android-dot-devsite-v2-prod.appspot.com/static/images/design/ui/mobile/widgets/04_Fill_the_Bounds.jpg?hl=ko)