VRTK4⭐四.和 UI 元素交互

文章目录

  • [🟥 安装Tilia Unity.UI](#🟥 安装Tilia Unity.UI)
  • [🟧 配置射线与UI交互器](#🟧 配置射线与UI交互器)
    • [1️⃣ 配置直线射线](#1️⃣ 配置直线射线)
    • [2️⃣ 配置UI交互器](#2️⃣ 配置UI交互器)
  • [🟨 配置UI](#🟨 配置UI)
    • [1️⃣ 更新EventSystem](#1️⃣ 更新EventSystem)
    • [2️⃣ 进行Canvas设置](#2️⃣ 进行Canvas设置)

我们要实现的功能:

右手触摸到圆盘:显示直线射线

右手圆盘键按下:与选中UI交互

🟥 安装Tilia Unity.UI

PackageManager安装git包 : https://github.com/studentutu/Tilia.UnityUI.git

🟧 配置射线与UI交互器

1️⃣ 配置直线射线

如何所示,创建 Indicators.ObjectPointers.Straight ,并完成配置.

2️⃣ 配置UI交互器

1.将 Full_L_Interactions.Interactor Variant 放置在 RightControllerAlias 下,并删减至如下结构.

2.如下图所示,完成 L_R_ UI Pointer on Interactor 的配置

🟨 配置UI

1️⃣ 更新EventSystem

如下图所示,更新 EventSystem

2️⃣ 进行Canvas设置

完成如下步骤:

  • Canvas转换为WorldSpace
  • 添加 VRTK4_UICanvas 组件
  • 设置Canvas的Size

注意:
Canvas的大小决定了该UI的交互范围.只有在范围内的UI才能被交互.

大家还有什么问题,欢迎在下方留言!

如果你有 技术的问题 或 项目开发

都可以加下方联系方式

和我聊一聊你的故事🧡

相关推荐
海兰2 小时前
【文字三国志:第六篇】天命重构,UI组件设计细节
人工智能·ui·语言模型·小程序
এ慕ོ冬℘゜3 小时前
异步下拉选择组件|动态接口渲染、表单校验、交互优化全方案
交互
EMTime3 小时前
玲珑GUI-工程设置
单片机·mcu·ui·用户界面
小拉达不是臭老鼠5 小时前
Unity中的UI系统之UGUI
学习·ui·unity
秋雨梧桐叶落莳11 小时前
iOS——抽屉视图详解
开发语言·macos·ui·ios·objective-c·cocoa
前端不太难11 小时前
从语言生成到世界交互:AGI的具身化演进之路
状态模式·交互·agi
小拉达不是臭老鼠11 小时前
Unity中的UI系统之UGUI_登陆面板实现
ui·unity
许彰午1 天前
状态模式实战——Row对象的状态机
java·ui·状态模式
zhbi981 天前
LVGL8.3标签Label高级应用
ui·lvgl
Ulyanov1 天前
深入QML-Python通信 构建响应式交互界面的桥梁设计:QML+PySide6现代开发入门(五)
开发语言·python·算法·交互·qml·系统仿真