認(rèn)識(shí)Fluent Design后，開發(fā)者如何把這些設(shè)計(jì)元素應(yīng)用到場(chǎng)景實(shí)現(xiàn)中呢？微軟的設(shè)計(jì)團(tuán)隊(duì)為大家提供了快速的集成的選項(xiàng)，即開源項(xiàng)目MR Design Labs。

MR Design Labs是一套豐富的Unity prefab組件，主要分為5類：

1. 可交互對(duì)象（Interactable Object）
2. 應(yīng)用欄和邊框盒（App Bar & Bounding Box）
3. 對(duì)象集合（Object Collection）
4. 提示框（Dialog）
5. 進(jìn)度組件（Progress）

可交互對(duì)象（Interactable Object）

可交互對(duì)象對(duì)于混合現(xiàn)實(shí)場(chǎng)景而言，用戶具有很多種輸入方式，包括手勢(shì)Gesture、視線Gaze、語音Voice、手柄和鍵盤鼠標(biāo)等，如此多的輸入方式需要我們能夠?qū)χС痔幚硭麄?。可交互?duì)象組件就為我們提供了對(duì)所有輸入設(shè)備的統(tǒng)一處理，開發(fā)者不必自己花費(fèi)大量經(jīng)歷自己實(shí)現(xiàn)。開發(fā)者基于此類組件可以實(shí)現(xiàn)從普通按鈕、燈光高亮按鈕再到具有動(dòng)畫響應(yīng)的按鈕或?qū)ο?，提供良好的交互體驗(yàn)。

應(yīng)用欄和邊框盒（App Bar & Bounding Box）

應(yīng)用欄和邊框盒對(duì)于2D場(chǎng)景而言，很少會(huì)直接對(duì)3D內(nèi)容進(jìn)行縮放拖拽處理，但這在混合現(xiàn)實(shí)場(chǎng)景中是很常見的操作。因此，MR Design Labs直接為開發(fā)者提供了一套標(biāo)準(zhǔn)的操作組件，可快速的為全息物體集成標(biāo)準(zhǔn)縮放控制行為的實(shí)現(xiàn)。

對(duì)象集合（Object Collection）

對(duì)象集合排列UI元素同樣是場(chǎng)景的內(nèi)容展現(xiàn)形式，對(duì)于2D屏幕而言，因?yàn)橹皇瞧矫媾帕?，并無太多挑戰(zhàn)。但是對(duì)于在3D空間展開的混合現(xiàn)實(shí)內(nèi)容而言，對(duì)象集合的排列則具有更豐富的形式。MR Design Labs中提供了四類常見的集合排列方式，包括平面排列、柱狀排列、球形排列以及散列集合。柱狀排列可以充分利用用戶左右視角，球形排列可以充分利用上下左右360度的視野空間，散列集合則適合在空間中展示豐富的離散信息。

提示框（Dialog）

提示框?qū)τ陂_發(fā)者而言，同樣是非常熟悉的UI元素了，它總是呈現(xiàn)在2D內(nèi)容的最頂層。但是對(duì)于全息場(chǎng)景而言，我們無法讓提示框呈現(xiàn)在人眼最頂層，因?yàn)橐曞F最近距離的限制。因此，這類組件在項(xiàng)目中也做了封裝，開發(fā)者直接使用即可獲得空間定位良好能夠跟隨視野移動(dòng)的標(biāo)準(zhǔn)提示框，避免自己再去實(shí)現(xiàn)的挑戰(zhàn)。

進(jìn)度組件（Progress）

進(jìn)度組件類似于對(duì)話框組件，進(jìn)度條同樣是常用的UI元素，面臨類似。因此，項(xiàng)目同樣對(duì)它進(jìn)行了封裝，它可以在真實(shí)世界中良好的定位，而且可以選擇進(jìn)度條和動(dòng)畫的不同類型，非常的實(shí)用。