本篇將會學到：
- Font Maker 了解
- Font Maker 自定義字型
- UI Wizard 建立 UI Root (UI容器)
- 核心控件了解
- Widget Wizard 了解
- Widget Wizard 創建一個Lable
▌首先去 NGUI官方網 下載Free版吧，這邊使用2.7.0版
▌導入我們需要的字體
到國外字體網站 dafont 下載一個吧
▌導入後會看到Font Material、Font Texture
▌開啟 Font Maker 編輯工具
▌這裡我們設定如下，設定類型為動態、字體為導入的、大小、粗體、斜體
▌按下Create，好了後我們開啟UI Wizard，UI嚮導
▌首先我們建立一個 Layer ，專門用來放置UI
▌建立 UI
▌會看到 Hierarchy 層次視窗中出現 UI ROOT，裡面有個放置 UI 專用的 Panel
- UI Root(2D) 上 UIRoot 腳本，不同螢幕尺寸介面縮放，詳細看這篇 UIRoot
- Camera 上 UICamera 腳本，事件消息傳遞，詳細看這篇 UICamera
- Anchor 上 UIAnchor 腳本，控件對齊，詳細看這篇 UIAnchor
- Panel 上 UIPanel 腳本，把物體渲染出，類似Renderer功能，詳細看這篇 UIPanel
以上四個為NGUI的核心物件，務必了解
▌現在開始要將文字放上去了，讓我們開啟 Widget Wizard 控件嚮導
▌Widget Wizard 控件嚮導畫面
Atlas 放置做好的 Atlas Prefab
Font 放置做好的 Font Prefab
Template 要建立的控件類型
Sprite 使用哪個圖片
Pivot 對齊方式 Add To 加入哪個層下
▌這裡我們設定如下，好了後點 Add to
▌成功建立文字
▌參考網站
- NGUI官方
- dafont
- NGUI所见即所得之UIRoot - ITeye技术网站
- UICamera - 四爷的专栏
- NGUI官网示例--讲解 - Unity圣典社区
- UIPanel - 四爷的专栏
▌所有資源作為教學用，無任何商業用途!!
歡迎轉載，但務必註明出處!!
文章標籤
全站熱搜
