内容

コンポーネントは、UI を構築するための専用のビルディング ブロックです。アプリでは、コンポーネントに Jetpack Compose Glimmer を使用する必要があります。これは、Google Glass の独自のディスプレイのユースケースに最適化されているためです。

デザイン要素はフレームの下部に固定する必要があります。

最適化されたコンポーネント

透明ディスプレイ向けにコンポーネントはどのように最適化されましたか?

サーフェス色: コンポーネントのサーフェス色は黒で、カード コンテンツのコントラストが最大化されます。

アウトラインとハイライト: アウトラインの色はコントラストが最適になるように調整されています。ハイライトを使用すると、視覚的な表現が可能になり、特定の種類の入力を示すために使用されることがあります。

シェイプ: 角の鋭さを軽減し、快適さを向上させることで、一目でわかるようにするため、よりソフトなシェイプ システムが使用されています。

On Surface 色: コンテンツの On Surface 色は白または白に近い色で、Surface とのコントラストを最大化します。

タイポグラフィ: タイポグラフィ スケールでは、読みやすさと視認性を最適化するために、カーニング、サイズ、太さを最適化した、洗練された Body スタイルと Title スタイルの小さなセットを使用します。

アイコン: 丸みを帯びたマテリアル シンボルを使用することで、丸みを帯びたタイポグラフィ スケールとの一貫性が保たれています。

コンポーネントを実装する準備はできましたか?Jetpack Compose Glimmer UI ライブラリのドキュメントをご覧ください。