为基于 View 的 Android 应用开发界面

尝试使用 Compose 方式

建议使用 Jetpack Compose 和 Jetpack XR SDK 作为 Android XR 的界面工具包。

使用 Jetpack XR SDK 进行开发 →

使用 Android Jetpack Compose 框架是充分利用 Android 界面开发方面的最新进展并验证您的应用是否符合行业最佳实践的最佳方式。

不过，如果您尚未迁移，并且正在努力将基于 Android 视图的应用空间化，则可以采取以下几种方法。

在 SpatialPanels 中重复使用现有视图

虽然 SpatialPanel 是 Jetpack Compose for XR 库的一部分，但它们也接受视图。在 MainActivity 中使用 Subspace 时，请将现有视图放置到 SpatialPanel 中，如以下示例所示。

setContent {
    Subspace {
        SpatialPanel(
            modifier = SubspaceModifier.height(500.dp).width(500.dp).depth(25.dp)
        ) { MyCustomView(this@ActivityWithSubspaceContent) }
    }
}
Views.kt

使用 Android View 和 Compose 互操作性 API

请参阅有关 View 和 Compose 之间互操作性的指南。本文档介绍了如何结合使用这些框架，并包含指向您可以使用的代码示例的链接。

使用 ComposeView 将空间面板和轨道球添加到现有 fragment

在 XML 布局中使用 ComposeView 添加可组合项并创建新的 XR 内容。使用视图绑定或 findViewById 在 onCreateView() 函数中查找 ComposeView。

详细了解 ComposeView 指南。

override fun onCreateView(
    inflater: LayoutInflater,
    container: ViewGroup?,
    savedInstanceState: Bundle?
): View {
    val view = inflater.inflate(R.layout.example_fragment, container, false)
    view.findViewById<ComposeView>(R.id.compose_view).apply {
        // Dispose of the Composition when the view's LifecycleOwner
        // is destroyed
        setViewCompositionStrategy(ViewCompositionStrategy.DisposeOnViewTreeLifecycleDestroyed)
        setContent {
            // In Compose world
            SpatialPanel(SubspaceModifier.height(500.dp).width(500.dp)) {
                Text("Spatial Panel with Orbiter")
            }
        }
    }
    return view
}
Views.kt

直接使用 Jetpack SceneCore 库

Compose for XR 基于 Jetpack SceneCore 构建而成。如果您要将基于 View 的应用空间化，可以继续在 Compose for XR 中使用现有的界面代码，也可以选择直接使用 Jetpack SceneCore 的 Session。

您可以使用 PanelEntity 直接从 SceneCore 构建面板。使用 dimensions 以米为单位设置面板的大小，或使用 pixelDimensions 以像素为单位设置面板的大小。您可以使用相应的组件选择使面板可移动或可调整大小。如需了解详情，请参阅向实体添加常见行为。

val panelContent = MyCustomView(this)
val panelEntity = PanelEntity.create(
    session = xrSession,
    view = panelContent,
    pixelDimensions = IntSize2d(500, 500),
    name = "panel entity"
)
Views.kt