组件是为构建界面专门设计的基本单元。应用应采用 Jetpack Compose Glimmer 提供的组件;它们经过专门优化,适应 AI 眼镜显示屏特有的使用场景。

为透明显示屏优化
Glimmer 从多个方面优化了透明显示屏上的组件表现。
A. 底板颜色(Surface color):界面底板需要具备透明效果,因此图中不透明的底色会改为黑色,使其呈现为透明。
B. 描边与高亮(Outline & Highlight):描边颜色经过对比度优化。高亮能形成视觉表达,也可能用于指示某些输入方式。
C. 形状(Shape):采用更柔和的形状体系,减少尖锐边角,让内容更容易一眼读懂,也更舒适。底板上的内容颜色(On Surface)使用白色,以尽可能拉开内容与现实背景的对比。
D. 字体排印(Typography):Glimmer 的字体样式体系采用少量精心调整的正文(Body)与标题(Title)样式,通过优化字偶间距、字号和字重,提升阅读与辨认的清晰度。
E. 图标(Iconography):采用圆角风格的 Material Symbols,与圆润的字体风格保持一致。

开始实现
准备在应用中使用这些组件?请参阅Jetpack Compose Glimmer 开发文档。