マテリアル デザインは、プラットフォームとデバイス間でのビジュアル、モーション、インタラクション デザインの包括的なガイドです。Android アプリでマテリアル デザインを使用するには、マテリアル デザイン仕様で定義されているガイドラインに従ってください。アプリで Jetpack Compose を使用している場合は、Compose マテリアル 3 ライブラリを使用できます。アプリでビューを使用する場合は、Android マテリアル コンポーネント ライブラリを使用できます。
Android には、マテリアル デザイン アプリの作成に役立つ次の機能が用意されています。
- すべての UI ウィジェットのスタイルを設定するマテリアル デザイン アプリテーマ
- リストやカードなど、複雑なビューのウィジェット
- カスタムのシャドウとアニメーション用の API
マテリアル テーマとウィジェット
標準 UI ウィジェットのスタイル設定などのマテリアル機能を活用し、アプリのスタイル定義を合理化するには、マテリアル ベースのテーマをアプリに適用します。
Android Studio を使用して Android プロジェクトを作成すると、デフォルトでマテリアル テーマが適用されます。プロジェクトのテーマを更新する方法については、スタイルとテーマをご覧ください。
ユーザーになじみのあるエクスペリエンスを提供するには、マテリアルで最も一般的な UX パターンを使用します。
- フローティング アクション ボタン（FAB）で UI のメイン アクションを促すことができます。
- アプリバーを使用して、ブランド、ナビゲーション、検索などのアクションを表示します。
- ナビゲーション ドロワーを使用して、アプリのナビゲーションの表示と非表示を切り替えます。
- 折りたたみツールバー、タブ、ボトム ナビゲーション バーなど、アプリのレイアウトとナビゲーションのために、ほかにも多くのマテリアル コンポーネントから選択できます。すべてのコンポーネントについては、Android 用マテリアル コンポーネントのカタログをご覧ください。
可能な限り、事前定義されたマテリアル アイコンを使用します。たとえば、ナビゲーション ドロワーのナビゲーション「メニュー」ボタンには、標準の「ハンバーガー」アイコンを使用します。使用可能なアイコンのリストについては、マテリアル デザイン アイコンをご覧ください。Android Studio の Vector Asset Studio を使用して、マテリアル アイコン ライブラリから SVG アイコンをインポートすることもできます。
高さのシャドウとカード
X プロパティと Y プロパティに加えて、Android のビューには Z プロパティがあります。このプロパティはビューのエレベーションを表し、これにより次の要素が決まります。
- シャドウのサイズ: ビューの Z 値が高いほどシャドウが大きくなります。
- 描画順序: Z 値が高いビューが他のビューの上に重ねて表示されます。
カードベースのレイアウトにエレベーションを適用すると、マテリアルの外観を提供するカード内に重要な情報を表示できます。CardView ウィジェットを使用すると、デフォルトの高度を持つカードを作成できます。詳細については、カードベースのレイアウトを作成するをご覧ください。
エレベーションを他のビューに追加する方法については、シャドウビューとクリップビューを作成するをご覧ください。
アニメーション
アニメーション API を使用すると、UI コントロールでのタッチ フィードバック、ビュー状態の変化、アクティビティ遷移のカスタム アニメーションを作成できます。
これらの API でできることは次のとおりです。
- タッチ フィードバック アニメーションを使用して、ビューのタッチイベントに応答します。
- 円形出現アニメーションでビューの表示と非表示を切り替えます。
- カスタムのアクティビティ遷移アニメーションでアクティビティを切り替える。
- 曲線モーションで、より自然なアニメーションを作成します。
- ビュー状態の変化アニメーションを使用して、1 つ以上のビュー プロパティの変化をアニメーション化します。
- ビュー状態の変化の合間に状態リスト ドローアブルにアニメーションを表示する。
タッチ フィードバック アニメーションは、ボタンなどのいくつかの標準的ビューに組み込まれています。アニメーション API を使用すると、これらのアニメーションをカスタマイズしてカスタムビューに追加できます。
詳細については、アニメーションの概要をご覧ください。
ドローアブル
次のドローアブルの機能は、マテリアル デザイン アプリの実装に役立ちます。
- ベクター型ドローアブルは定義を損なうことなく拡張可能で、単色のアプリ内アイコンに最適です。詳しくは、ベクター型ドローアブルをご覧ください。
- ドローアブルの色合い調整では、ビットマップをアルファマスクとして定義し、実行時に色合いを調整できます。ドローアブルに色合いを追加する方法をご覧ください。
- 色抽出を使用すると、ビットマップ画像から代表色を自動的に抽出できます。Palette API で色を選択する方法をご覧ください。