.控件

WIMP

由視窗（window），圖標(biāo)（icon），菜單（menu），指針（pointer）組成。

常用的控件

Text：文字顯示的控件

Button：按鈕控件

Toggle：開關(guān)

DropDown：下拉菜單選擇控件

Slider：滑動(dòng)條

實(shí)踐

在層級(jí)窗口中右鍵新建UI，，，

Text

Text組件其實(shí)是掛接在Canvas（畫布）上的一個(gè)子物體。Text的顯示內(nèi)容的文本框的大小可調(diào)整。

Line Spacing：行間距，文本的大部分操作如word，字體也可以添加材質(zhì)。文本框與畫布的對(duì)齊方式可以調(diào)整

（點(diǎn)擊Rect transform中的圖標(biāo)可以直接選擇）。

Button

新建的Button組件會(huì)自動(dòng)帶有一個(gè)Text組件，來顯示按鈕上的文字。Button組件的Image屬性中可以修改按鈕的

背景以及顏色等。選擇圖片后（圖片一般會(huì)被壓縮，點(diǎn)擊Set Native Size可以讓圖片顯示本來的大小），按鈕在

OnClick中可以添加響應(yīng)函數(shù)。

DropDown

Dropdown中的label組件中的文字是下拉框的第一個(gè)選項(xiàng)，Arrow組件的Image屬性可以修改下拉框右邊的圖標(biāo)。（dropdown屬性中也有image），在Options中可以添加更多選項(xiàng)。點(diǎn)擊，選擇框等的顏色均可以修改。

Slider

在Slider下的background修改顏色，改的是背景色。在Fill中修改顏色，改的是拖動(dòng)后的顏色。在Handle中修改的是滑塊的顏色。背景圖等也均可修改。

InputFiled

Placeholder是文本提示模塊，Text是文本接受模塊，輸入的文本會(huì)顯示在這里。

Canvas

是用來承載UI的物體，Game視圖下的Free Aspect中可以調(diào)整屏幕分辨率的大小。

界面功能實(shí)現(xiàn)

文字輸入?yún)^(qū)

接收用戶輸入，可以讀取到用戶輸入的文字，用戶輸入結(jié)束也會(huì)觸發(fā)相應(yīng)的消息。

。。。

通過剪刀石頭布的小游戲來實(shí)踐。

界面美化

游戲圖形界面設(shè)計(jì)原則

簡(jiǎn)潔明快、布局合理、易于使用、美觀大方，考慮游戲的美術(shù)風(fēng)格及故事背景，用戶界面要和游戲內(nèi)容相統(tǒng)一。

1.提高自然性和效率性

1.當(dāng)界面設(shè)計(jì)具有效率性時(shí)，玩家在熟練操作后，會(huì)凝神于思考和選擇，忘記界面存在。

2.圖標(biāo)和按鈕的圖形要易于識(shí)別，大小適中而且排列有序。

3.圖標(biāo)的造型語義要一目了然（例如，垃圾桶代表刪除，摩擦條代表可以拖動(dòng)，把手代表可以旋轉(zhuǎn)，斜十字代表可

以關(guān)閉。

4.增加快捷鍵可以大幅度提高操作效率。

2.保持玩家的沉浸

1.包括減少無關(guān)的聯(lián)想、干擾和打斷。

2.菜單、按鈕和圖標(biāo)的設(shè)計(jì)需要避免出現(xiàn)提示現(xiàn)實(shí)世界的形象。

盡量與軟件、操作系統(tǒng)、知名網(wǎng)站等拉開距離，否則玩家就會(huì)聯(lián)想到與游戲無關(guān)的事物，影響沉浸的深入。

3.游戲中彈出的菜單會(huì)打斷玩家。

最好將其融于游戲情景之中，比如，“The Sims(虛擬人生)中的郵件菜單激活之后，在角色頭像四周出現(xiàn)各種選

項(xiàng)，十分類似于凝神思考時(shí)的自我體驗(yàn)。

3.減少界面的存在

1.利用場(chǎng)景本身來傳遞信息。

例如人物的表情、動(dòng)作,物品的狀態(tài)、反饋

2.如果界面的出現(xiàn)不可避免,則需要盡量隱藏和弱化。

在FPS、A-AVG等第一人稱視角的游戲中,界面一般被設(shè)計(jì)成透明色，這樣,游戲界面不會(huì)干擾到主觀視角，而且保

留了必要的信息。

4.保持一致的風(fēng)格

1.界面與游戲風(fēng)格保持一致有助于增加佯信度。例如,在“帝國(guó)時(shí)代"游戲中,如果玩家選擇不同的民族,界面的裝飾紋樣會(huì)隨之變化。而且，母?jìng)€(gè)氏族的開切目水都極具地域特色,游戲人物也只講本民族的語言·在"星際爭(zhēng)霸"游戲中,也有類似的設(shè)計(jì)。這些設(shè)計(jì)都加深了游戲的佯信基礎(chǔ)。

實(shí)踐

在畫布上新建panel，放置一些控件后，為panel添加布局組件（layout）。同時(shí)還可以對(duì)布局的屬性進(jìn)行調(diào)整，

在padding中可以調(diào)整控件和panel邊界的距離。

Cell Size網(wǎng)格布局中每個(gè)格子的尺寸。

Spacing：每個(gè)格子之間的間隔。

Start Corner：第一個(gè)元素開始的位置。

Start Axis：表示自動(dòng)排布的元素以哪個(gè)坐標(biāo)軸為排布軸。

Child Alignment：如果布局元素不能排滿所占據(jù)的單元的空間的話該如何排列。

Constrint（約束）：約束行列數(shù)量。

可以為Text添加一個(gè)Content Size Fitter組件，該組件使得文本框可以根據(jù)文本內(nèi)容來自動(dòng)調(diào)整文本框的大小。

Outline組件：為文本添加描邊效果。