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