使用可组合函数预览 Jetpack Compose Glimmer 界面

Jetpack Compose Glimmer 是一款界面工具包，可用于为显示 AI 眼镜打造丰富而沉浸式的体验。在开发 Jetpack Compose Glimmer 界面时，您可以使用可组合函数预览功能来直观呈现和迭代设计，从而快速高效地完成开发。可组合项预览功能可让您直接在 Android Studio 中实时呈现 Jetpack Compose Glimmer 界面组件，并与之互动。借助这些预览，您无需在每次进行细微的界面更改时都在模拟器或实体设备上持续构建和运行应用，从而大幅缩短开发周期。

预览 Jetpack Compose Glimmer 界面组件

  1. 在最新 Canary 版 Android Studio 中打开您的 XR 项目。
  2. 验证您的可组合函数是否带有 @Preview 注解。

  3. 在代码视图中，点击可组合函数的 预览配置选择器。

  4. 从设备下拉菜单中，选择 AI 眼镜。

    此方法会调整预览界面，以匹配 AI 眼镜显示屏的独特分辨率和宽高比。

    在可组合函数预览配置中，为设备选择 AI 眼镜。

  5. 选择设计或拆分视图以查看预览。

    可组合项预览显示在拆分视图中，用于模拟 AI 眼镜设备。

调整预览环境

眼镜使用加性透明显示屏。此特性意味着显示屏只能增加光线，而无法创建黑色。对于加色显示屏，黑色不是一种颜色，而是 100% 透明。Compose 预览版提供了一个近似值，可帮助您了解界面在不同观看条件下的行为。

如需模拟不同的观看条件，请点击预览窗格工具栏中的环境图标。尝试不同的背景选项（例如浅色、深色或繁忙），检查文字和组件是否具有足够的对比度和可见性。