シームレスにスケーリングできる、適応性の高い Android ウィジェットを設計できます。Google が推奨するデフォルトのサイズを出発点として使用し、さまざまなディメンションでレイアウトをテストして、読みやすさとユーザー エクスペリエンスを最適化してください。
デフォルトのサイズ
Google の推奨サイズの少なくとも 1 つに合わせてレイアウトを最適化することで、洗練されたウィジェット エクスペリエンスを実現します。ハンドヘルド デバイスとタブレット デバイスの両方で targetCellWidth
属性と targetCellHeight
属性を定義して、ウィジェット選択ツールで適切な配置と可視性を確保します。
これらの値は Google Pixel デバイスに基づいています。ウィジェット デザインの出発点として、これらのサイズを使用します。さまざまなサイズとデバイスでウィジェットを徹底的にテストして、質の高いユーザー エクスペリエンスを確保します。
ハンドヘルド
サイズ | 最小幅 | 最大幅 | 最小の高さ | 最大高さ |
---|---|---|---|---|
2×1 | 109 | 306 | 44 | 130 |
2×2 | 109 | 306 | 115 | 276 |
2×3 | 109 | 306 | 185 ページ) | 422 |
4x1 | 245 ページ) | 624 | 44 | 130 |
4x2 | 245 ページ) | 624 | 115 | 276 |
4x3 | 245 ページ) | 624 | 185 ページ) | 422 |
タブレット
サイズ | 最小幅 | 最大幅 | 最小の高さ | 最大高さ |
---|---|---|---|---|
2×1 | 180 | 304 ページ) | 64 | 120 |
2×2 | 180 | 304 ページ) | 184 ページ) | 304 ページ) |
2×3 | 180 | 304 ページ) | 304 ページ) | 488 |
3×1 | 328 ページ) | 488 | 64 | 120 |
3×2 | 298 ページ) | 488 | 184 ページ) | 304 ページ) |
3×3 | 298 ページ) | 488 | 424 | 672 |
3x4 | 456 | 672 | 344 | 488 |
ブレークポイント
ブレークポイントは、適応性とユーザー フレンドリーなサイズ変更可能なウィジェットを作成するために不可欠です。デザインをテストすることで、レイアウト調整が必要なサイズのしきい値を特定できます。これらの変更をトリガーするブレークポイントを実装して、どのようなサイズでもウィジェットの見た目と機能を維持します。
ブレークポイントを使用すると、補助コンテンツを条件付きで含める、または除外できる柔軟性も備えており、ウィジェットのディメンションに基づいてスペースの使用を最適化できます。
![](https://developer.android.google.cn/static/images/design/ui/mobile/widgets/01_Breakpoints.jpg?authuser=0000&hl=ja)
境界を埋める
ユーザーがウィジェットを削除する主な理由の一つは、ホーム画面の他の要素との位置が合っていないことです。これを回避するには、ウィジェットが常に割り当てられたグリッド スペースを完全に埋めるようにします。
![](https://developer.android.google.cn/static/images/design/ui/mobile/widgets/01_Fill_the_Bounds.jpg?authuser=0000&hl=ja)
すべきこと
![](https://developer.android.google.cn/static/images/design/ui/mobile/widgets/02_Fill_the_Bounds.jpg?authuser=0000&hl=ja)
すべきでないこと
![](https://developer.android.google.cn/static/images/design/ui/mobile/widgets/03_Fill_the_Bounds.jpg?authuser=0000&hl=ja)
すべきこと
![](https://developer.android.google.cn/static/images/design/ui/mobile/widgets/04_Fill_the_Bounds.jpg?authuser=0000&hl=ja)