Material Designカスタムステータスバー

材料トピックの使用
Previous Next
このコースでは、どのように

カスタム配色ツール

カスタムステータスバー

テーマ個別ビュー

あなたも読むべきです.

Material Design仕様

Android Material Design

新しい材料のトピックは次のとおりです.

テーマ配色ツールを設定するシステムウィジェット

システムウィジェットのタッチフィードバックアニメーション

に適用

動作変換アニメーション

コントロールする配色ツールを使用して、ブランドイメージに合わせて材料トピックの外観をカスタマイズできます.トピックアトリビュートを使用して、図3のような操作バーとステータスバーをシェーディングできます. に表示されます.
システムコンポーネントは、新しいデザインとタッチフィードバックアニメーションを備えています.カラーツールをカスタマイズしたり、フィードバックアニメーションをタッチしたり、動作変換を操作したりすることができます.
材料トピックの定義は次のとおりです.

@android:style/Theme.Material(濃い色バージョン)

@android:style/Theme.Material.Light(薄い色のバージョン)

@android:style/Theme.Material.Light.DarkActionBar

使用可能な材料スタイルについては、「  R.style  のAPIリファレンス.
図1.濃い色の材料のテーマ
図2.薄い色の材料のテーマ
注:材料トピックは、Android 5.0(APIレベル21)以降でのみ提供されます. v 7サポートコンテンツライブラリは、一部のコンポーネントにMaterial Designスタイルのトピックを提供し、配色ツールのカスタマイズをサポートします.詳細については、 互換性を保つ.
カラーツールのカスタマイズ
ブランドに合うようにトピックのベースカラーをカスタマイズする場合は、材料トピックの継承時にトピックプロパティを使用してカスタムカラーを定義します.

図3.材料テーマをカスタマイズする.
カスタムステータスバー
材料トピックでは、ステータスバーを簡単にカスタマイズできます.そのため、独自のブランドの特色に合致し、コントラストが十分に高く、白いステータスアイコンを表示できる色を指定できます.ステータスバーにカスタムカラーを設定する場合は、材料トピックを拡張するときに使用できます.  android:statusBarColor  で行ないます.デフォルトでは、android:statusBarColor 継承  android:colorPrimaryDark  で行ないます.
ステータスバーを後ろに移動することもできます.たとえば、1つの写真にステータスバーを透明に表示しながら、小さな濃いグラデーションを使用して白いステータスアイコンが表示されていることを確認します.この操作を実行する場合は、  android:statusBarColor  属性は@android:color/transparentに設定されています. 必要に応じてウィンドウフラグを調整します.また、  Window.setStatusBarColor()  メソッドを使用して、アニメーションまたはフェードアウトの設定を行います.
注:多くの場合、ステータスバーとメインツールバーの間には明確な分割が必要です.これらのバーの後ろにフルスクリーンの豊富な画像やメディアコンテンツを表示し、色のグラデーションを使用してグラフが表示されていることを除きます.
ナビゲーションバーとステータスバーをカスタマイズする場合は、ナビゲーションバーとステータスバーを透明にするか、ステータスバーのみを変更するかを選択できます.他のすべての場合、ナビゲーションバーは黒のままにしてください.
テーマ個別ビュー
XMLレイアウト定義内の要素を指定できます  android:theme  を選択します.このアトリビュートは、インタフェース内の特定の部分のトピック配色ツールを変更するのに役立つ要素とサブ要素のトピックを変更します.