Jetpack Compose Glimmer は、ディスプレイ AI グラス向けのリッチでアンビエントなエクスペリエンスを構築するための UI ツールキットです。Jetpack Compose Glimmer UI を開発する際は、コンポーザブル プレビューを使用して、デザインをすばやく効率的に可視化して反復処理します。コンポーザブル プレビューを使用すると、Jetpack Compose Glimmer UI コンポーネントのライブ レンダリングを Android Studio 内で直接インタラクティブに確認できます。これらのプレビューを使用すると、UI の小さな変更ごとにエミュレータや実機でアプリをビルドして実行する必要がなくなり、開発サイクルが大幅に短縮されます。
Jetpack Compose Glimmer UI コンポーネントをプレビューする
- Android Studio の最新の Canary ビルドで XR プロジェクトを開きます。
- コンポーズ可能な関数に
@Previewアノテーションが付いていることを確認します。 [コード] ビューで、コンポーズ可能な関数の プレビュー構成ピッカーをクリックします。
[デバイス] プルダウン メニューから [AI グラス] を選択します。
これにより、AI グラスのディスプレイの固有の解像度とアスペクト比に合わせてプレビュー サーフェスが調整されます。
プレビューを表示するには、[Design] ビューまたは [Split] ビューのいずれかを選択します。
プレビュー環境を調整する
グラスは加法型の透明なディスプレイを使用します。この特性により、ディスプレイは光を追加することしかできず、黒を作成することはできません。加法混色ディスプレイでは、黒は色ではなく、100% 透明に見えます。Compose プレビューでは、さまざまな表示条件で UI がどのように動作するかを把握するのに役立つ近似値が提供されます。
さまざまな視聴条件をシミュレートするには、プレビュー ペインのツールバーにある環境アイコンをクリックします。さまざまな背景オプション（明るい、暗い、ビジーなど）を試して、テキストとコンポーネントのコントラストと視認性が十分かどうかを確認します。