元件

元件是專為建構 UI 而設計的建構元素。應用程式應使用 Jetpack Compose Glimmer 元件,因為這類元件已針對 AI 眼鏡螢幕的獨特用途進行最佳化。

設計元素應錨定在畫面底部。

最佳化元件

Glimmer 元件會以多種方式針對透明螢幕進行最佳化:

A. 表面顏色:表面必須具有透明度,因此這裡的不透明表面顏色會變更為黑色,使其透明。

B. 外框和醒目顯示:外框顏色已針對對比度進行最佳化。醒目顯示功能可提供視覺化表達方式,並用於表示某些類型的輸入內容。

C. 形狀:採用較柔和的形狀系統,減少尖銳的邊角,提升舒適度,讓使用者更容易一目瞭然。疊加表面色:內容的疊加表面色為白色,可與世界形成最大對比。

D. 字體排版:Glimmer 的字體排版比例使用一小組精緻的內文和標題樣式,可針對字距、大小和粗細進行最佳化,確保最佳可讀性。

E. 圖示:使用圓角 Material Symbols 可與圓角排版比例一致。

微光元件經過最佳化,可透明顯示。

開始使用

準備好導入元件了嗎?請參閱 Jetpack Compose Glimmer 說明文件