建議:要有一定的編程語言基礎(chǔ)稳衬。
那么廢話不多說退疫,我們開始用Unity3D做一個登錄界面
一雷则、首先在Hierarchy右鍵建立一個UI—Image
1颊咬、右鍵Image改名Rename為:LoginBG。2姥闭、現(xiàn)在將素材中的Sprite中的全選丹鸿,之后在inspector中將Texture Type屬性DeFault改為Sprite(2D and UI)。3棚品、點擊inspector右下角的Apply。
4廊敌、左鍵點擊LoginBG,在Inspector中找到組件Image(Script)中的屬性Source Image铜跑,然后點擊其右側(cè)的小圓圈,點擊找到bg-01骡澈,點擊下面的Set Native Size锅纺,將圖片恢復(fù)成原本的大小。
5肋殴、在LoginBG下建立一個子物體囤锉,也是UI—Image,改名為“LoginImage”,同理將其Source Image改為Button Yellow A护锤,按T對其大小進行縮放官地,按W對其位置進行改變。
6烙懦、在LoginImage下添加一個子物體驱入,UI—Text,改名為“LoginText”氯析,在inspector中找到組件Text亏较,在其中輸入“Login”。如果發(fā)現(xiàn)Login是倒著的掩缓,按Q鍵將地圖沿Y軸旋轉(zhuǎn)180°雪情,使其右上角的坐標指示如下圖所示。通過改變font size改變字體的大小你辣。
7巡通、在LoginBG下創(chuàng)建一個子物體UI—Text,并命名為“AccountText”绢记,找到其在inspector中的Text扁达,并改為“賬號:”,適度改變其字體屬性和位置。同理建立一個名為“PasswordText”的LoginBG的子物體蠢熄。
8跪解、在AccountText下建立一個子物體,并命名為“AccountInputField”,同理叉讥,在PasswordText下建立一個子物體窘行,并命名為“PasswordInputField”,并自己修改位置和字體的大小等相關(guān)屬性图仓,如圖所示罐盔。
9、在LoginBG下建立一個子物體救崔,UI—Image惶看,并命名為“CloseImage”,將其背景改為“Button Round Background”六孵,在“CloseImage”下建立一個子物體UI—Image纬黎,并命名為“CloseBtn”,將其背景改為“Button_X”劫窒,并改變其大小和位置本今。