HololensUI界面設(shè)計(jì)和音頻播放

本篇內(nèi)容介紹了“Hololens UI界面設(shè)計(jì)和音頻播放”的有關(guān)知識，在實(shí)際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

成都創(chuàng)新互聯(lián)公司堅(jiān)持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：成都網(wǎng)站設(shè)計(jì)、成都做網(wǎng)站、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿足客戶于互聯(lián)網(wǎng)時(shí)代的烈山網(wǎng)站設(shè)計(jì)、移動(dòng)媒體設(shè)計(jì)的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！

1、新建一個(gè)場景，取名為UI_Audio。從HoloTookit中將一些必備組件拖到面板中，這在大多數(shù)開發(fā)前都是必須的，如圖所示。

2、可以去AssertStore上下載更專業(yè)的UI界面，下面我們使用Unity自帶的UI工具來簡單實(shí)現(xiàn)一個(gè)顯示圖像的界面。在面板中新建UI->Canvas，在Canvas上新建UI->Image，在Image上新建UI->RawImage和UI->Button。如圖所示。

4、接下來將Canva的Render Mode換成World Space，并將面板中的HololensCamera組建拖拽到EventCamera中。為了方便管理UI，將Scale中X，Y設(shè)置為0.0625。為了讓字體更真實(shí)現(xiàn)實(shí)（避免出現(xiàn)字體偽影），我們將CanvaScaler下的Dynamic Pixels Per Unit設(shè)置為10。為了讓UI初始位置出現(xiàn)在我們視線前方一定距離，我們設(shè)置Canvas的PosX為0，PosY為0，PosZ為3。如圖所示。

6、將RawImage的Width和Height設(shè)置為150，Scale中的X和Y設(shè)置為0.5。我們在RawImage上顯示圖像，圖像顯示通過給Texture賦值來實(shí)現(xiàn)的。我們新建一個(gè)C#文本：ShowImageAction，代碼如下。

7、最后對Button進(jìn)行事件響應(yīng)。設(shè)置Button的Width為160，Height為30，PosY為-40，Scale中的X和Y為0.5。在Button中On Click()中將RawImage拖拽進(jìn)來，并選擇ShowImage（）方法。這樣當(dāng)點(diǎn)擊Button時(shí)就會顯示圖像，如圖所示。

在AudioSource上勾選上Spatialize，不勾選Play On Awake，選擇VolumeRolloff為CustomRolloff，拖拽音頻文件到AudioClip上即可。

并添加到RawImage上，在Button上在添加一個(gè)On Click（）事件。

如何生成項(xiàng)目并部署到Hololens上，我在之前說過，這兒就不多說了。我直接把最后的結(jié)果分享給大家。

“Hololens UI界面設(shè)計(jì)和音頻播放”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實(shí)用文章！

新聞標(biāo)題：HololensUI界面設(shè)計(jì)和音頻播放
網(wǎng)址分享：http://m.jiaotiyi.com/article/jecoep.html