【IdeaVR2019快捷操作（五）】python代码介绍

最新推荐文章于 2022-06-20 11:47:34 发布

白胖胖宋棒棒

最新推荐文章于 2022-06-20 11:47:34 发布

阅读量776

点赞数

分类专栏： IeeaVR2019 文章标签： vr ui python

本文链接：https://blog.csdn.net/lengxi1/article/details/125192437

版权

IeeaVR2019 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

五 Python代码介绍

文章目录

5.1python封装源工程文件

IdeaVR2019内置一万多行的IVREngine.py文件，其中包括对
交互编辑器、节点，数学等内容的操作详解。采用class类进行封装。
如下图所示。
在这里插入图片描述

5.2 UI界面原理介绍及代码详解

5.2.1 UI界面介绍

UI界面即你的窗口，你的窗口是三维模型的投影，是一个平面，即类似于window桌面，软件打开有不同的界面，而你只有一个显示屏展示出来。也就是说你的UI窗口也只不过是你的三维模型在不同视角的投影而已。具体可以参考计算机图形学投影章节。
那这样说的话，我们就可以像在tkinter或者pyqt那样去设计我们的ui界面，而内置的源代码库也刚好提供了UI界面设计的控件。

5.2.2 UI界面与VR设备使用的区别

UI界面是用于与计算机进行交互的界面，UI界面的设计及其按钮的任何功能是不能再VR设备连接时显示出来的，或者说在连接VR设备的时候是不能用手柄来控制的，比如说你设计了一个登陆界面，当你接入VR设备进行使用时，UI界面是不会展示出来的。
那如果我想在VR设备里面进行设置时应该怎么办呢，在IdeaVR2019软件中可以利用按钮实现此功能，通过新建按钮并将其设置为布告板，点击时使得另一个节点显隐等，之后python的功能函数通过检测该节点的显影性来运行即可，当然也有其他相应的办法，还请读者根据API源文档查找并选择使用，或者查看IVREngine.py文件即可。

5.2.3登陆界面UI设计介绍

（1）登录界面介绍
用户可以在用户名和密码栏来输入用户名和密码，后台会读取内置的保存密码库判断用户名和密码是否正确，正确的话就删除登陆界面来启动VR系统，错误的话会提示用户名和密码错误，需要重新输入用户名和密码。如图所示：
在这里插入图片描述

该界面主要分为三个部分，第一个部分背景图片主要用 WidgetSpirte 来完成。第二个部分登录的账号和密码输入框，主要是使用 WidgetEditLine 来接受用户的输入，第三部分是点击功能函数的实现。
首先需要创建一个脚本，直接从交互编辑器左边的逻辑单元拖入一个绑定节点类型的脚本单元到交互编辑器中，名称命名为 Login_page。然后双击脚本单元图标开始编写脚本程序。
由于登录界面不需要绑定任何节点，所以可以把 OnGUI 函数去掉，增加 Start 函数（主要用来初始化 UI 界面）和 OnDestroy 函数（主要用来释放相关的资源）。如图所示。
在这里插入图片描述
之后获取 UI 界面，根据渲染窗口的大小设置 UI 背景的大小，如图代码就是获取渲染窗口的宽度和高度。

在获取窗口的宽度和高度完毕后，就可以创建登录界面的背景了，在创建之前，需要使用 IVREngine.engineGUI()这个接口，这个接口可以使得为了能让创建的 UI 显示在渲染窗口上，需要将对应的控件作为 IVREngine.engineGUI()的子节点。所以在创建 UI 之前，需要获取engineGUI。同时我们也需要获取场景路径，用来搜索需要使用的图片资源。如图所示
在这里插入图片描述

完成以上所有配置之后，需要给自己的登陆界面设置场景，主要使用WidgetSprite对象，WidgetSprite可以用来展示背景界面并设置相应大小。
在这里插入图片描述

其中第四行是四元数，用于设置颜色及透明度在背景之上需要创建用户输入框，用户名输入框需要接受用户的输入，IVREngine 中的 WidgetEditLIne 可以实现这个功能，由于 WidgetEditLine 自带的背景有点简单，所以我们还需要自己制作一个背景，作为输入框的背景，同样的，在这里背景用 WidgetSprite来制作，为了能把输入框和背景融合在一起，还需要用到WidgetHBox，这个就是横向布局，相当于一行，对应的还用纵向布局，相当于一列，对应的控件是 WidgetVBox，纵向布局。这里我们使用 WidgetHBox。
在这里插入图片描述

上面的代码就是用来设置用户名输入框的，设置输入的字体大小（高度会自适应文字大小），宽度，颜色等等，为了设置自定义的背景，通过 setBackground 取消原来的背景。最后将背景和输入空都放置在 WidgetHbox 。其中上图代码的第二行，通过这个设置输入框的触发函数，第一个参数表示什么时候会触发，本例中设置的是通过鼠标单击触发，后面的参数是触发之后执行的动作（函数），在设置触发动作的时候需要配合 IVREngine.createWidgetCallback()来使用，触发函数的定义如图所示。表示在用户单击输入框的时候，将原来的内容置为空，后面一句是将提示信息置为空。
在这里插入图片描述