189 8069 5689

HololensUI界面设计和音频播放

本篇内容介绍了“Hololens UI界面设计和音频播放”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!

成都创新互联公司坚持“要么做到,要么别承诺”的工作理念,服务领域包括:成都网站设计、成都做网站、企业官网、英文网站、手机端网站、网站推广等服务,满足客户于互联网时代的烈山网站设计、移动媒体设计的需求,帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴!

1、新建一个场景,取名为UI_Audio。从HoloTookit中将一些必备组件拖到面板中,这在大多数开发前都是必须的,如图所示。

Hololens UI界面设计和音频播放

2、可以去AssertStore上下载更专业的UI界面,下面我们使用Unity自带的UI工具来简单实现一个显示图像的界面。在面板中新建UI->Canvas,在Canvas上新建UI->Image,在Image上新建UI->RawImage和UI->Button。如图所示。

Hololens UI界面设计和音频播放

4、接下来将Canva的Render Mode换成World Space,并将面板中的HololensCamera组建拖拽到EventCamera中。为了方便管理UI,将Scale中X,Y设置为0.0625。为了让字体更真实现实(避免出现字体伪影),我们将CanvaScaler下的Dynamic Pixels Per Unit设置为10。为了让UI初始位置出现在我们视线前方一定距离,我们设置Canvas的PosX为0,PosY为0,PosZ为3。如图所示。

Hololens UI界面设计和音频播放

6、将RawImage的Width和Height设置为150,Scale中的X和Y设置为0.5。我们在RawImage上显示图像,图像显示通过给Texture赋值来实现的。我们新建一个C#文本:ShowImageAction,代码如下。

Hololens UI界面设计和音频播放

7、最后对Button进行事件响应。设置Button的Width为160,Height为30,PosY为-40,Scale中的X和Y为0.5。在Button中On Click()中将RawImage拖拽进来,并选择ShowImage()方法。这样当点击Button时就会显示图像,如图所示。

Hololens UI界面设计和音频播放

在AudioSource上勾选上Spatialize,不勾选Play On Awake,选择VolumeRolloff为CustomRolloff,拖拽音频文件到AudioClip上即可。

Hololens UI界面设计和音频播放

并添加到RawImage上,在Button上在添加一个On Click()事件。

如何生成项目并部署到Hololens上,我在之前说过,这儿就不多说了。我直接把最后的结果分享给大家。

“Hololens UI界面设计和音频播放”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注创新互联网站,小编将为大家输出更多高质量的实用文章!


新闻名称:HololensUI界面设计和音频播放
本文URL:http://cdxtjz.cn/article/jecoep.html

其他资讯