サイズ調整

画面サイズやグリッドに合わせてスケーリングされる、適応性の高い Android ウィジェットを設計します。レイアウトをテストして、ユーザーがウィジェットを任意のサイズで読み取って使用できることを確認します。

デフォルト サイズ

サイズ変更可能なウィジェットをサポートするには、複数のサイズクラスまたはブレークポイントに合わせてレイアウトを最適化します。セルのサイズはデバイスや画面の向きによって異なるため、固定サイズのウィジェットではなく、アダプティブ ウィジェットを設計します。

ウィジェット選択ツールでウィジェットを正確に配置して表示できるように、ハンドヘルド デバイスとタブレット デバイスの両方で targetCellWidth 属性と targetCellHeight 属性を定義します。セルのスパンと dp の最小サイズについては、ウィジェットのサイズを決定するをご覧ください。

ブレークポイント

ブレークポイントは、適応性が高く、ユーザー フレンドリーなサイズ変更可能なウィジェットを作成するために不可欠です。デザインをテストすることで、レイアウトの調整が必要なサイズのしきい値を特定できます。ブレークポイントを実装してこれらの変更をトリガーし、ウィジェットがどのサイズでも視覚的な魅力と機能を維持できるようにします。

ブレークポイントを使用すると、補足コンテンツを条件付きで追加または除外できるため、ウィジェットのサイズに基づいてスペースの使用を最適化できます。

図 1: ブレークポイントを使用して、さまざまなサイズでレイアウトを変更する。

さまざまなフォーム ファクタのウィジェット

タブレットとデスクトップは、スマートフォンとウィジェットの設計原則を共有していますが、想定される入力が異なります。自動車などの他のフォーム ファクタには、特定の視認性要件があるか、ウィジェットが自動的に適応されます。詳細については、フォーム ファクタ間でウィジェットを適応させるをご覧ください。

Googlebook 画面のウィジェット

境界を埋める

ユーザーがウィジェットを削除する主な理由の一つは、他のホーム画面要素との不整合です。これを防ぐには、ウィジェットが常に割り当てられたグリッド スペースを完全に埋めるようにします。

コンテナがすべてのサイズで端から端まで伸びるようにします。
カスタム パディングを追加します。ウィジェットは端から端までシームレスに表示される必要があります。
視覚的な一貫性を保つため、長方形以外の形状は、縦軸または横軸のいずれかでグリッドに接するようにします。
固定の正方形を使用します。代わりに、さまざまなグリッド寸法に適応するレスポンシブな長方形のコンテナを使用します。