크기 조정

화면 크기와 그리드에 맞게 확장되는 적응형 Android 위젯을 디자인합니다. 사용자가 어떤 크기로든 위젯을 읽고 사용할 수 있도록 레이아웃을 테스트하세요.

기본 크기

크기 조절 가능한 위젯을 지원하도록 여러 크기 클래스 또는 중단점에 맞게 레이아웃을 최적화합니다. 셀 크기는 기기 및 화면 방향에 따라 다르므로 고정 크기 위젯 대신 적응형 위젯을 디자인하세요.

위젯 선택 도구가 위젯을 정확하게 배치하고 표시하도록 휴대기기와 태블릿 기기 모두에 targetCellWidth 및 targetCellHeight 속성을 정의합니다. 셀 스팬 및 최소 dp 크기는 위젯 크기 결정을 참고하세요.

중단점

중단점은 적응형의 사용자 친화적인 크기 조절 가능한 위젯을 만드는 데 필수적입니다. 디자인을 테스트하면 레이아웃 조정이 필요한 크기 기준점을 정확히 파악할 수 있습니다. 중단점을 구현하여 이러한 변경사항을 트리거함으로써 위젯이 어떤 크기에서도 시각적 매력과 기능을 유지하도록 합니다.

또한 중단점은 보조 콘텐츠를 조건부로 포함하거나 제외할 수 있는 유연성을 제공하여 위젯의 크기에 따라 공간 활용을 최적화합니다.

그림 1: 중단점을 사용하여 다양한 크기로 레이아웃을 변경합니다.

폼 팩터 전반의 위젯

태블릿과 데스크톱은 휴대전화와 위젯 디자인 원칙을 공유하지만 입력 기대치가 다릅니다. 자동차와 같은 다른 폼 팩터에는 특정 한눈에 보기 요구사항이 있거나 위젯을 자동으로 조정합니다. 자세한 내용은 다양한 폼 팩터에 위젯 조정을 참고하세요.

Googlebook 화면의 위젯

경계 채우기

사용자가 위젯을 삭제하는 주된 이유 중 하나는 다른 홈 화면 요소와 정렬되지 않기 때문입니다. 이를 방지하려면 위젯이 항상 할당된 그리드 공간을 완전히 채우도록 하세요.

컨테이너가 모든 크기에서 가장자리까지 확장되는지 확인합니다.
맞춤 패딩을 추가합니다. 위젯은 원활하게 더 넓은 화면을 지원해야 합니다.
시각적 일관성을 위해 직사각형이 아닌 도형이 세로 또는 가로축의 그리드에 닿도록 합니다.
고정된 정사각형 모양을 사용합니다. 대신 다양한 그리드 크기에 맞게 조정되는 반응형 직사각형 컨테이너를 사용하세요.