シームレスにスケーリングできる、適応性の高い Android ウィジェットを設計できます。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 | 304 ページ) | 488 |
3x4 | 298 ページ) | 488 | 424 | 672 |
ブレークポイント
調整可能でユーザー フレンドリーでサイズ変更可能なものを作成するには、ブレークポイントが不可欠 説明します。デザインをテストすることで、レイアウト ブロック内のサイズしきい値を 調整が必要です。ブレークポイントを実装してこれらの変更をトリガーする。 サイズにかかわらずウィジェットの視覚的な魅力と機能性が維持されるようにします。
ブレークポイントを使用すると、条件付きで含めるまたは除外する柔軟性も備える 補足コンテンツを作成し、ウィジェットのシステム要件に基づいて 定義できます。
![](https://developer.android.google.cn/static/images/design/ui/mobile/widgets/01_Breakpoints.jpg?authuser=6&hl=ja)
境界を埋める
ユーザーがウィジェットを削除する主な理由の 1 つは、 その他のホーム画面の要素これを回避するには、ウィジェットが常に 完全に割り当てられたことがわかります
![](https://developer.android.google.cn/static/images/design/ui/mobile/widgets/01_Fill_the_Bounds.jpg?authuser=6&hl=ja)
すべきこと
![](https://developer.android.google.cn/static/images/design/ui/mobile/widgets/02_Fill_the_Bounds.jpg?authuser=6&hl=ja)
すべきでないこと
![](https://developer.android.google.cn/static/images/design/ui/mobile/widgets/03_Fill_the_Bounds.jpg?authuser=6&hl=ja)
すべきこと
![](https://developer.android.google.cn/static/images/design/ui/mobile/widgets/04_Fill_the_Bounds.jpg?authuser=6&hl=ja)