コンポーネントは、UI を構築するための専用のビルディング ブロックです。アプリでは、グラスの独自のディスプレイ ユースケースに最適化されているため、コンポーネントに Jetpack Compose Glimmer を使用する必要があります。
最適化されたコンポーネント
透明ディスプレイ向けにコンポーネントはどのように最適化されましたか？
サーフェス色: コンポーネントのサーフェス色は黒で、カード コンテンツのコントラストを最大化します。
アウトラインとハイライト: アウトラインの色はコントラストが最適になるように調整されています。ハイライトを使用すると、視覚的な表現が可能になり、特定の種類の入力を示すために使用されることがあります。
シェイプ: 角の鋭さを軽減し、快適さを向上させるために、よりソフトなシェイプ システムが使用されています。
On Surface 色: コンテンツの On Surface 色は、サーフェスとのコントラストを最大化するために白または白に近い色です。
タイポグラフィ: タイポグラフィ スケールでは、カーニング、サイズ、太さを最適化して読みやすさと視認性を高めた、洗練された Body スタイルと Title スタイルの小さなセットを使用します。
アイコン: 丸みを帯びたマテリアル シンボルを使用することで、丸みを帯びたタイポグラフィ スケールとの一貫性が保たれています。
コンポーネントを実装する準備はできましたか？Jetpack Compose Glimmer UI ライブラリのドキュメントをご覧ください。