当前位置： 首页 > news >正文

Unity之XR Interaction Toolkit如何在VR中实现一个可以拖拽的UI

news 2026/2/10 0:56:59

前言

普通的VR项目中，我们常见的UI都是一个3D的UI，放置在场景中的某个位置，方便我们使用射线点击。但是为了更好的体验，我们可能会有跟随头显的UI，或者可拖拽的UI，这样更方便用户去操作。
所以我们今天的需求就是：如何基于XR Interaction Toolkit 插件 在VR中使用手柄射线来拖拽UI。

实现原理

首先我们使用的是XR Interaction Toolkit插件，XR Interaction Toolkit是Unity3D官方开发的一套工具包，用于快速创建交互性VR和AR应用程序。它提供了一套易于使用的组件和工具，帮助开发者快速搭建复杂的虚拟和增强现实场景。

所以如果对XRI有所了解的话，应该知道：抓取拖拽物体一般使用的XRGrabInteractable组件，而射线点击操作，一般使用的是XRSimpleInteractable。如果想更详细的去了解，可以去看Unity之OpenXR从入门到精通

我们现在其实就是使用射线抓取UI面板，然后进行拖拽，所以其实使用的是XRGrabInteractable组件。
然后我们给UI面板添加合适的碰撞BoxCollider，这样UI面板就可以想3D物体一样被拿取和拖拽了。

实现步骤

1.给需要拖拽的UI面板添加XRGrabInteractable组件
如下图所示：

相关文章：

Unity之XR Interaction Toolkit如何在VR中实现一个可以拖拽的UI

前言 普通的VR项目中，我们常见的UI都是一个3D的UI，放置在场景中的某个位置，方便我们使用射线点击。但是为了更好的体验，我们可能会有跟随头显的UI，或者可拖拽的UI，这样更方便用户去操作。 所以我们今天的需求就是：如何基于XR Interaction Toolkit 插件 在VR中使用手柄射…...

编程日记 2024/2/20 0:44:57

开源项目热度榜单

题目描述 某个开源社区希望将最近热度比较高的开源项目出一个榜单，推荐给社区里面的开发者。对于每个开源项目，开发者可以进行关注(watch)、收藏(star)、fork、提issue、提交合并请求(MR)等。 数据库里面统计了每个开源项目关注、收藏、fork、issue、M…...

编程日记 2024/2/20 0:43:56

Ubuntu系统搭建HadSky论坛并结合内网穿透实现无公网ip远程访问

💝💝💝欢迎来到我的博客，很高兴能够在这里和您见面！希望您在这里可以感受到一份轻松愉快的氛围，不仅可以获得有趣的内容和知识，也可以畅所欲言、分享您的想法和见解。 推荐:kwan 的首页,持续学…...

编程日记 2024/2/20 0:42:55

gowin GW1N4 LED

基于上已篇文章基础上增加LED闪烁的功能 《gowin GW1N4 OSC IP 使用》 gowin GW1N4 OSC IP 使用-CSDN博客 https://blog.csdn.net/wzy15965343032/article/details/136172184?spm1001.2014.3001.5502 代码： module osc_test(input rst_n,output test_clk,output …...

编程日记 2024/2/20 0:41:54

Linux ipvlan详解（l2、l3、l3s和bridge、private和vepa模式）

Linux ipvlan详解，测试l2、l3、l3s和bridge、private和vepa模式。 最近在看Docker的网络，看到关于ipvlan网络的介绍。查阅了相关资料，记录如下。 参考 1.图解几个与Linux网络虚拟化相关的虚拟网卡-VETH/MACVLAN/MACVTAP/IPVLAN 2.IPVlan 详…...

编程日记 2024/2/20 0:40:53

理解并实现OpenCV中的图像平滑技术

导读 图像模糊（也称为图像平滑）是计算机视觉和图像处理中的基本操作之一。模糊图像通常是噪声减少、边缘检测和特征提取等应用的第一步。在本博客中，我们将重点介绍如何使用Python中的OpenCV库应用多种模糊技术。 理论概述： 基本…...

编程日记 2024/2/20 0:38:50

ChatGPT高效提问—prompt实践（白领助手）

ChatGPT高效提问—prompt实践（白领助手） ​ 随着社会的不断发展，白领的比例越来越高。白领的工作通常较为繁忙，需要管理复杂的项目。工作量大、要求高、任务紧急，时间分配不当部分可能导致工作效率低下，任…...

编程日记 2024/2/20 0:37:49

Code Composer Studio (CCS) - Comment (注释)

Code Composer Studio [CCS] - Comment [注释] References Add Block Comment: 选中几行代码 -> 鼠标右键 -> Source -> Add Block Comment shortcut key: Ctrl Shift / Remove Block Comment: 选中几行代码->鼠标右键->Source->Remove Block Comment s…...

编程日记 2024/2/20 0:33:45

springboot/ssm校园菜鸟驿站管理系统Java校园快递取件管理系统

springboot/ssm校园菜鸟驿站管理系统Java校园快递取件管理系统 开发语言：Java 框架：springboot（可改ssm） vue JDK版本：JDK1.8（或11） 服务器：tomcat 数据库：mysql 5.…...

编程日记 2024/2/20 0:32:44

【Mybatis】TypeHandler使用

引言 在使用MyBatis进行项目开发时，我们经常会遇到Java类型与数据库类型不匹配的情况。为了解决这一问题，MyBatis提供了一个强大的机制——TypeHandler。TypeHandler是MyBatis中一个用于处理Java类型和数据库类型转换的组件，它在MyBatis进行…...

编程日记 2024/2/20 0:30:42

[计算机网络]---网络编程套接字

前言 作者：小蜗牛向前冲 名言：我可以接受失败，但我不能接受放弃 如果觉的博主的文章还不错的话，还请点赞，收藏，关注👀支持博主。如果发现有问题的地方欢迎❀大家在评论区指正 目录 一、基础知识…...

编程日记 2024/2/20 0:28:40

分布式文件系统 SpringBoot+FastDFS+Vue.js【二】

分布式文件系统 SpringBootFastDFSVue.js【二】 六、实现上传功能并展示数据6.1.创建数据库6.2.创建spring boot项目fastDFS-java6.3.引入依赖6.3.fastdfs-client配置文件6.4.跨域配置GlobalCrosConfig.java6.5.创建模型--实体类6.5.1.FastDfsFile.java6.5.2.FastDfsFileType.j…...

编程日记 2024/2/20 0:26:38

开源软件：推动软件行业繁荣的力量

文章目录 📑引言开源软件的优势分析开放性与透明度低成本与灵活性创新与协作 开源软件对软件行业的影响推动技术创新和进步促进软件行业的合作与交流培养人才和提高技能促进软件行业的可持续发展 结语 📑引言 随着信息技术的飞速发展，软件已经…...

编程日记 2024/2/20 0:25:37

[杂记]mmdetection3.x中的数据流与基本流程详解(数据集读取, 数据增强, 训练)

之前跑了一下mmdetection 3.x自带的一些算法, 但是具体的代码细节总是看了就忘, 所以想做一些笔记, 方便初学者参考. 其实比较不能忍的是, 官网的文档还是空的… 这次想写其中的数据流是如何运作的, 包括从读取数据集的样本与真值, 到数据增强, 再到模型的forward当中. 0. MMDe…...

编程日记 2024/2/20 0:24:35

阿里云香港轻量应用服务器怎么样，建站速度快吗？

阿里云香港服务器中国香港数据中心网络线路类型BGP多线精品，中国电信CN2高速网络高质量、大规格BGP带宽，运营商精品公网直连中国内地，时延更低，优化海外回中国内地流量的公网线路，可以提高国际业务访问质量。阿里云服务…...

编程日记 2024/2/20 0:22:33

事务及在SpringBoot项目中使用的两种方式

1.事务简介 事务（transaction）是访问并可能操作各种数据项的一个数据库操作序列，这些操作要么全部执行，要么全部不执行，是一个不可分割的工作单位。 事物的四大特性: 原子性（Atomicity）&#xf…...

编程日记 2024/2/20 0:19:30

stm32--笔记

一、引脚与变量 ​​​​​​​​​​​​​​ 二、STM32时钟 [STM32-时钟系统详解_stm32时钟_KevinFlyn的博客-CSDN博客] 三、定时器中断实验 1、定时器中断实验 ​ stm32关于通用定时器的周期、频率计算公式_stm32tim频率计算_胶囊咖啡的博客-CSDN博客 ​ 【STM32】通用…...

编程日记 2024/2/20 0:17:29

2024前端面试准备之CSS篇（二）

全文链接 1. 什么是伪类和伪元素 伪类（Pseudo-class）: 伪类是选择器的一种，用于选择特定状态或条件下的元素。它们以冒号（:）开头，用于向选择器添加额外的特定条件。例如，:hover伪类用于选择鼠标悬停在元素上的状态，:nth-child(n)伪类用于选择父元素下的第n个子元素等。…...

编程日记 2024/2/20 0:16:28

轨道交通信号增强与覆盖解决方案——经济高效，灵活应用于各类轨道交通场景！

方案背景 我国是世界上轨道交通里程最长的国家，轨道交通也为我们的日常出行带来极大的便利。伴随着无线通信技术的快速发展将我们带入电子时代，出行的过程中对无线通信的依赖程度越来越高，无论是车站还是车内都需要强大、高质量的解决方案以…...

编程日记 2024/2/20 0:15:27

学习数据接构和算法的第10天

题目讲解 尾插 #include <stdio.h> #include <stdlib.h> // 定义顺序表结构 #define MAX_SIZE 100 struct ArrayList {int array[MAX_SIZE];int size; // 当前元素个数 }; // 初始化顺序表 void init(struct ArrayList *list) {list->size 0; // 初始时元素个…...

编程日记 2024/2/20 0:14:26

Python｜GIF 解析与构建（5）：手搓截屏和帧率控制

目录 Python&#xff5c;GIF 解析与构建&#xff08;5&#xff09;&#xff1a;手搓截屏和帧率控制 一、引言 二、技术实现&#xff1a;手搓截屏模块 2.1 核心原理 2.2 代码解析&#xff1a;ScreenshotData类 2.2.1 截图函数&#xff1a;capture_screen 三、技术实现&…...

编程新知 2025/11/14 3:06:30

uni-app学习笔记二十二---使用vite.config.js全局导入常用依赖

在前面的练习中&#xff0c;每个页面需要使用ref&#xff0c;onShow等生命周期钩子函数时都需要像下面这样导入 import {onMounted, ref} from "vue" 如果不想每个页面都导入&#xff0c;需要使用node.js命令npm安装unplugin-auto-import npm install unplugin-au…...

编程新知 2025/9/14 18:41:15

Leetcode 3577. Count the Number of Computer Unlocking Permutations

Leetcode 3577. Count the Number of Computer Unlocking Permutations 1. 解题思路2. 代码实现 题目链接&#xff1a;3577. Count the Number of Computer Unlocking Permutations 1. 解题思路 这一题其实就是一个脑筋急转弯&#xff0c;要想要能够将所有的电脑解锁&#x…...

编程新知 2026/1/4 2:33:39

el-switch文字内置

el-switch文字内置 效果 vue <div style"color:#ffffff;font-size:14px;float:left;margin-bottom:5px;margin-right:5px;">自动加载</div> <el-switch v-model"value" active-color"#3E99FB" inactive-color"#DCDFE6"…...

编程新知 2026/1/26 10:00:16

【论文笔记】若干矿井粉尘检测算法概述

总的来说&#xff0c;传统机器学习、传统机器学习与深度学习的结合、LSTM等算法所需要的数据集来源于矿井传感器测量的粉尘浓度&#xff0c;通过建立回归模型来预测未来矿井的粉尘浓度。传统机器学习算法性能易受数据中极端值的影响。YOLO等计算机视觉算法所需要的数据集来源于…...

编程新知 2025/10/14 10:52:24

论文浅尝 | 基于判别指令微调生成式大语言模型的知识图谱补全方法（ISWC2024）

笔记整理&#xff1a;刘治强&#xff0c;浙江大学硕士生&#xff0c;研究方向为知识图谱表示学习&#xff0c;大语言模型 论文链接&#xff1a;http://arxiv.org/abs/2407.16127 发表会议&#xff1a;ISWC 2024 1. 动机 传统的知识图谱补全&#xff08;KGC&#xff09;模型通过…...

编程新知 2026/1/31 12:03:23

汇编常见指令

汇编常见指令 一、数据传送指令 指令功能示例说明MOV数据传送MOV EAX, 10将立即数 10 送入 EAXMOV [EBX], EAX将 EAX 值存入 EBX 指向的内存LEA加载有效地址LEA EAX, [EBX4]将 EBX4 的地址存入 EAX&#xff08;不访问内存&#xff09;XCHG交换数据XCHG EAX, EBX交换 EAX 和 EB…...

编程新知 2026/1/23 2:04:44

JVM暂停（Stop-The-World，STW）的原因分类及对应排查方案

JVM暂停（Stop-The-World，STW）的完整原因分类及对应排查方案，结合JVM运行机制和常见故障场景整理而成： 一、GC相关暂停​​ 1. ​​安全点（Safepoint）阻塞​​ ​​现象​​：JVM暂停但无GC日志，日志显示No GCs detected。​​原因​​：JVM等待所有线程进入安全点（如…...

编程新知 2026/2/7 11:25:15

Typeerror: cannot read properties of undefined (reading ‘XXX‘)

最近需要在离线机器上运行软件&#xff0c;所以得把软件用docker打包起来&#xff0c;大部分功能都没问题&#xff0c;出了一个奇怪的事情。同样的代码&#xff0c;在本机上用vscode可以运行起来&#xff0c;但是打包之后在docker里出现了问题。使用的是dialog组件&#xff0c;…...

编程新知 2025/9/24 3:05:06

springboot整合VUE之在线教育管理系统简介

可以学习到的技能 学会常用技术栈的使用 独立开发项目 学会前端的开发流程 学会后端的开发流程 学会数据库的设计 学会前后端接口调用方式 学会多模块之间的关联 学会数据的处理 适用人群 在校学生&#xff0c;小白用户&#xff0c;想学习知识的 有点基础&#xff0c;想要通过项…...

编程新知 2026/1/26 9:30:45