关于VRTK 给手柄赋按钮提示UI

关于VRTK 给手柄赋按钮提示UI


在我们做VR项目的时候,肯定要做的一个东西便是UI,而关于UI,又很多东西能讲的。但是,今天我要讲的是关于给VR手柄添加UI,也就是给手柄添加按钮提示的UI。
方法一:
一开始的时候,我想的比较直接,但是也是一种办法,就是直接把世界空间的画布挂在手柄上,这不就可以做成一个提示ui吗,而且还可以自己定制。当然,这的确是一种办法,但是有个很大的麻烦,就是手柄在不运行的时候,或者说在运行的时候,是看不到的,手柄的渲染是通过代码形成的,你无法精准的把画布放到合适的位置,除非你在运行的时候,一点一点慢慢地,有耐心地调,当然调到合适位置,然后再copy 画布transform组件的值,关闭运行然后粘贴到画布上。操作如下:
1. 在手柄下创建画布,调整大小,注意这是世界空间的画布
添加画布
2. 运行游戏,调整画布位置,调到与手柄按钮相应的位置
这里写图片描述
这里写图片描述
3. 复制运行时调好的画布的参数,关闭运行,再把参数复制到画布上
这里写图片描述
4. 再次运行检查位置,再作相应调整
这里写图片描述
方法二
第二种方法,自然是更轻松的方法,要使用这种添加方法,我们要参考VRTK官方案例 029_Controller_Tooltips
这里写图片描述
打开左手柄的LeftController映射,其实两个手柄的设置都一样,打开哪个都无所谓,打开之后如下图:
这里写图片描述
ControllerTooltips : 控制所有按钮提示
TriggerTooltip: 控制Trigger按钮提提示
Line : 按钮提示的指示线,一端指向按钮,一端指向ui
LineStart : 指示线的起始点
TooltipCanvas: ui画布
UIcontainer : ui的容器,简单点说就是控制ui的背景,颜色之类的
UITextFront : 画布前方的文字
UITextReverse : 画布后方的文字
如下图:
这里写图片描述
打开ControllerTooltips,在inspector面板里查看它的组件:
这里写图片描述


首先是Button TextSettings下面是设置按钮提示的文本,如果不输入文字,就不会显示提示按钮,上面的图中,默认只写了四个文本,所以只显示了四个按钮提示。
而接下去的是提示工具的颜色设置,按钮设置,这些都比较好理解,而在最下面,有一个Hide when not in view,这个如果勾上,就只有当你看向手柄时,提示按钮才会出现,不看向它时,就自动隐藏。


其次是再打开TriggerTooltips 在Inspector面板查看它的属性:如下
这里写图片描述
其实这些属性理解起来也很简单,这里要注意的是,设置画布的宽和高,在Container里面设置是没有用的,要在这个组件设置才能生效,因为里面的脚本进行了初始化操作,让Container的背景在这里进行设置,而不用另外去设置它本身。再有一个是最下面的参数,Always Face Headset,勾选它,ui会一直面向你。
*******************************分割线**********************************************
下面是我做一些调整之后的效果:
这里写图片描述
这里写图片描述

最后,新手小白开始写文章,有什么纰漏欢迎各位大佬指正。

  • 1
    点赞
  • 13
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

ToDoNothing

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值