> 文档中心 > SteamVR 2.x UGUI-使用SteamVR_LaserPointer进行射线交互(6)

SteamVR 2.x UGUI-使用SteamVR_LaserPointer进行射线交互(6)

上章介绍了用手柄与UGUI交互,但在实际的项目开发过程中与UGUI交互,几乎都是使用手柄射线点击进行交互。
本章主要介绍利用SteamVR_LaserPointer进行UGUI的射线交互,但这种方式也是需要挂载Collider,并且SteamVR_LaserPointer功能也不是很全,所以这种方式只能进行简单GUI的交互,如Button、Toggle、DropDown,像Slider、ScrollRect等需要拖动的GUI无法用这种方式来实现,后面的章节中会使用自定义UGUI机制来实现完整的UGUI交互系统。

一、前期准备

新建场景,删除默认相机,将Player拖拽进入场景内
SteamVR 2.x UGUI-使用SteamVR_LaserPointer进行射线交互(6)
新建Plane,修改为Floor,上一个黑色材质球,Transform信息如下:
SteamVR 2.x UGUI-使用SteamVR_LaserPointer进行射线交互(6)

二、添加UI及组件

结构如下,添加画布、面板、按钮、选项框、下拉框
SteamVR 2.x UGUI-使用SteamVR_LaserPointer进行射线交互(6)
1、Canvas/画布信息
Render Mode要设置为World Space/世界模式
SteamVR 2.x UGUI-使用SteamVR_LaserPointer进行射线交互(6)
2、Button信息
SteamVR 2.x UGUI-使用SteamVR_LaserPointer进行射线交互(6)
3、Toggle信息
SteamVR 2.x UGUI-使用SteamVR_LaserPointer进行射线交互(6)
4、DropDown信息
SteamVR 2.x UGUI-使用SteamVR_LaserPointer进行射线交互(6)
5、DropDown元素信息
SteamVR 2.x UGUI-使用SteamVR_LaserPointer进行射线交互(6)
挂载Collider,即可使用射线和UGUI进行交互。

三、编写SteamVR_UIPointer脚本及挂载

using UnityEngine;using Valve.VR.Extras;using UnityEngine.EventSystems;public class SteamVR_UIPointer : MonoBehaviour{    private SteamVR_LaserPointer laserPointer;    [Header("显示激光"), SerializeField]    private bool enablePointer = true;    private void Awake()    { laserPointer = GetComponent<SteamVR_LaserPointer>();    }    private void Start()    { if (!enablePointer) {     laserPointer.enabled = false;     return; } else {     laserPointer.PointerIn += LaserPointer_PointerIn;     laserPointer.PointerClick += LaserPointer_PointerClick;     laserPointer.PointerOut += LaserPointer_PointerOut; }    }    private void LaserPointer_PointerIn(object sender, PointerEventArgs e)    { IPointerEnterHandler pointerEnterHandler = e.target.GetComponent<IPointerEnterHandler>(); if (pointerEnterHandler != null) {     pointerEnterHandler.OnPointerEnter(new PointerEventData(EventSystem.current)); }    }    private void LaserPointer_PointerClick(object sender, PointerEventArgs e)    { IPointerClickHandler pointerClickHandler = e.target.GetComponent<IPointerClickHandler>(); if (pointerClickHandler != null) {     pointerClickHandler.OnPointerClick(new PointerEventData(EventSystem.current)); }    }    private void LaserPointer_PointerOut(object sender, PointerEventArgs e)    { IPointerExitHandler pointerExitHandler = e.target.GetComponent<IPointerExitHandler>(); if (pointerExitHandler != null) {     pointerExitHandler.OnPointerExit(new PointerEventData(EventSystem.current)); }    }}

思路很简单,SteamVR_LaserPointer脚本自带三个事件,分别为进入、点击、离开物体,我们通过该脚本,监听这三个事件,将IPointer接口对应的EventSystem与这三个事件对应的Target映射上即可。
该脚本需要挂载到Player下面的RightHand上,并且RightHand上还需要挂载SteamVR_LaserPointer组件。SteamVR 2.x UGUI-使用SteamVR_LaserPointer进行射线交互(6)
通过以上操作,进入游戏体验,游戏运行后右手手柄上发出了一条射线,射线移动到UGUI扣动扳机键,即可与UGUI进行交互。