基于Sceneform的AR导航APP：如何在屏幕角落放置可旋转静态对象？

嘿，刚好我对Sceneform有不少实践经验，来帮你解决这个问题！

你想要的「固定在屏幕角落且可旋转的导航箭头」其实不需要绑定真实世界锚点——锚点是用来把3D对象固定在物理空间的，而固定屏幕位置属于「屏幕空间UI结合AR逻辑」的场景。下面分两种方案给你详细说明，再补上锚点创建的核心代码：

方案1：3D箭头固定在屏幕角落（适合需要3D效果的场景） #

步骤1：创建箭头节点并绑定到相机 #

把箭头节点设置为相机的子节点，这样它会跟着相机视角移动，我们只需要在每一帧更新它的屏幕位置即可：

// 假设你已经加载好箭头的3D模型Renderable
val arrowRenderable: Renderable = ... 

val arrowNode = Node().apply {
    renderable = arrowRenderable
    // 绑定到相机节点，让箭头跟随视角
    setParent(arFragment.arSceneView.scene.camera)
}

步骤2：帧更新保持屏幕固定位置 #

在每一帧把屏幕角落坐标转换成相机空间的世界坐标，确保箭头始终在屏幕右下角：

val screenWidth = arFragment.arSceneView.width
val screenHeight = arFragment.arSceneView.height

// 添加帧更新监听
arFragment.arSceneView.scene.addOnUpdateListener {
    val frame = arFragment.arSceneView.arFrame ?: return@addOnUpdateListener
    if (frame.camera.trackingState != TrackingState.TRACKING) return@addOnUpdateListener

    // 屏幕右下角向内偏移100dp的坐标（根据需求调整）
    val screenPoint = Vector3(
        (screenWidth - 100).toFloat(),
        (screenHeight - 100).toFloat(),
        1.0f // 距离相机1米的位置，确保箭头在视野内
    )
    // 转成相机空间的世界坐标
    val worldPoint = arFragment.arSceneView.scene.camera.screenToWorldPoint(screenPoint)
    arrowNode.worldPosition = worldPoint
}

步骤3：旋转箭头指向锚点（导航目标） #

如果你的锚点是导航终点，计算箭头到锚点的方向，让箭头始终指向目标：

// 假设你已经创建了导航目标的锚点targetAnchor
val targetAnchor: Anchor = ... 

// 把这段代码也放进帧更新监听里
val targetPosition = Vector3(
    targetAnchor.pose.tx(),
    targetAnchor.pose.ty(),
    targetAnchor.pose.tz()
)
// 计算箭头指向目标的方向向量
val direction = Vector3.subtract(targetPosition, arrowNode.worldPosition).normalize()
// 生成旋转四元数，让箭头前方向（默认是-z轴，根据你的模型调整）指向目标
val lookRotation = Quaternion.lookRotation(direction, Vector3.up())
arrowNode.worldRotation = lookRotation

方案2：2D箭头（更简单，适合普通导航场景） #

如果不需要3D效果，直接用Android原生View放在AR场景上层，旋转角度即可，比3D方案更省心：

步骤1：布局中添加箭头View #

把ARFragment和箭头ImageView放在FrameLayout里，让箭头悬浮在AR画面上：

<FrameLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <fragment
        android:id="@+id/ar_fragment"
        android:name="com.google.ar.sceneform.ux.ArFragment"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>

    <ImageView
        android:id="@+id/nav_arrow"
        android:layout_width="64dp"
        android:layout_height="64dp"
        android:layout_gravity="bottom|end"
        android:layout_margin="16dp"
        android:src="@drawable/nav_arrow_icon"/>

</FrameLayout>

步骤2：计算旋转角度指向锚点 #

在帧更新中计算目标相对于相机的角度，直接旋转ImageView：

val arrowView = findViewById<ImageView>(R.id.nav_arrow)
val targetAnchor: Anchor = ... 

arFragment.arSceneView.scene.addOnUpdateListener {
    val frame = arFragment.arSceneView.arFrame ?: return@addOnUpdateListener
    if (frame.camera.trackingState != TrackingState.TRACKING) return@addOnUpdateListener

    // 获取相机和目标的位置（忽略Y轴，适合平面导航）
    val cameraPose = frame.camera.pose
    val cameraPos = Vector3(cameraPose.tx(), cameraPose.ty(), cameraPose.tz())
    val targetPos = Vector3(targetAnchor.pose.tx(), targetAnchor.pose.ty(), targetAnchor.pose.tz())

    // 计算目标在相机平面的角度（弧度转角度）
    val deltaX = targetPos.x - cameraPos.x
    val deltaZ = targetPos.z - cameraPos.z
    val angle = Math.toDegrees(Math.atan2(deltaX.toDouble(), deltaZ.toDouble())).toFloat()

    // 根据你的箭头图标朝向调整偏移（比如默认箭头向上就加90f）
    arrowView.rotation = angle + 90f
}

关于锚点的创建（你的应用需求） #

在HelloSceneform示例中是点击屏幕创建锚点，你可以改成自动检测平面后创建，或者根据导航目标创建：

// 点击平面创建锚点（示例逻辑，可改成自动检测）
arFragment.setOnTapArPlaneListener { hitResult, _, _ ->
    // 创建锚点
    val targetAnchor = hitResult.createAnchor()
    // 给锚点绑定目标模型（可选，比如导航终点标记）
    val anchorNode = AnchorNode(targetAnchor).apply {
        setParent(arFragment.arSceneView.scene)
    }
    val targetNode = Node().apply {
        setParent(anchorNode)
        renderable = yourTargetRenderable // 你的导航终点3D模型
    }
}

内容的提问来源于stack exchange，提问作者user3742929