FGUI是近年來新興的一個UI工具，它的誕生可以使前端程序擺脫枯燥的UI界面搭建和擺放工作。

雖然其還存在一定的缺陷，但是把UI和邏輯分開的作用已經讓很多開發者和團隊開始迫不及待對它進行使用了。

本文會分享一些最近本人對FGUI和Unity之間配合使用的一些操作，希望能幫助到有需要的童鞋。

一、首先，我們需要下載FGUI的SDK，可以在FGUI的官網或者UnityStore獲取。

http://www.fairygui.com/product/ ? ? ? ? //官網獲取地址（包含FGUI編輯器和與各種引擎對接的SDK）

然后下載Unity的SDK，并把對應版本的SDK導入到自己的Project中。

二、把設置好的FGUI界面從FGUI編輯器中導出為資源包（具體UI界面布局一般由美術的同事完成）

?

然后如上圖，選擇自己需要導出的每一個對象，右鍵，點“設置為導出”。

接著，我們需要設置發布設置。

?

如上圖點擊發布設置，會彈出下圖界面

在這里我們可以設置導出的路徑和包的名稱，以及更多設置。

導出路徑最好直接放在項目的Resources目錄下，方便后面動態加載，代碼路徑我這里隨便放的，大家根據實際情況放在正確的路徑下。

“使用二進制格式”一般情況下我們需要勾選。具體原因可參照官網上的教學文檔。

附上鏈接：http://www.fairygui.com/guide/editor/upgrade_binary_format.html

設置完畢后，導出。

三、Unity內部操作

上一步的導出完成后，我們打開我們的unity項目，可以看到

我們的Resources文件夾下面多了一些東西

第一個pkg2文件夾是我們的代碼，由于我剛才發布的時候代碼路徑也選擇了resouces文件夾，所以代碼也發布在了這里。

下面的pkg2_atlas0文件是我們的FGUI打出的圖集。

最下面的pkg2_fui文件是我們的二進制byte文件。

現在我們的準備工作已經基本完成了，但是我們在FGUI編輯器里做好的UI界面要怎么顯示出來呢？

有兩種方式：

1.手動設置：

在Hierarchy面板，右鍵，選FairyGUI,點UIPanel，可以實例化一個UIPanel出來，然后選中這個panel，在UIPanel的Inspetor面板上有一個PackageName選項，我們點擊后面的小圓圈會有下圖彈出框

?

?

左邊選擇的是我們的包名，右邊是包里包含的每一個資源。我們要顯示什么就選中什么。然后點OK就可以啦。

2.代碼動態生成

//先加載資源包UIPackage.AddPackage("pkg2");//實例化物體GButton gComponent = UIPackage.CreateObject("pkg2", "Button2").asButton;//以GRoot為父節點GRoot.inst.AddChild(gComponent); //給組件添加點擊事件gComponent.onClick.Add(() =>{Click1();});

這個不需要多說了，直接上代碼。但是要記得引用命名空間。

?

?

目前對于FGUI的研究也只是初步的，后面如果再有什么新的發現會繼續更新。歡迎各路同仁前來討論。

?

總結

以上是生活随笔為你收集整理的Unity使用FGUI的基本操作（一）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。