目前大概的看了下FGUI,因爲以前用的都是UGUI,現在公司要用FGUI,所以加緊學習一下。
最開始,還是推薦去看下菜鳥教程,和網上的初步教程
比如siki的視頻:http://www.sikiedu.com/course/139
然後就是FGUI的官網:http://www.fairygui.com/裏面有很多的例子和介紹及api。
下面說說自己的學習步驟:
因爲學FGUI主要是用到unity中,所以就看了下unity相關的,當然基礎的過一遍必不可少。
在元件的面板上的前幾個就不解釋了,重點說一下效果屬性及其後面的:
效果屬性:
BlendMode
這個提供了一部分的混合選項設置。對於Unity平臺,對圖片、動畫、文字,你可以放心地修改它們的BlendMode。但對於組件,請謹慎使用。組件的BlendMode需要使用到FairyGUI提供的PaintMode技術,目標組件會轉化爲RenderTexture,再使用混合選項,這會有一定的內存消耗。務必閱讀PaintMode
Unity的Blend效果與編輯器中的預覽可能會有差別。開發者可以通過使用以下代碼重定義混合效果。注意:設置了特別BlendMode的顯示對象無法與其他顯示對象合併Draw Call。
BlendModeUtils.Override(BlendMode.Add, UnityEngine.Rendering.BlendMode.XX, UnityEngine.Rendering.BlendMode.XX); |
-
濾鏡
目前編輯器支持兩種濾鏡的定義,顏色濾鏡和模糊濾鏡。對於H5類平臺,請謹慎使用濾鏡,因爲會帶來一定的消耗;對於Unity平臺,你可以放心地對圖片、動畫、裝載器使用顏色濾鏡,這幾乎不會帶來額外消耗,但對於其他類型的元件,例如組件,請謹慎使用。組件的濾鏡需要使用到FairyGUI提供的PaintMode技術,目標組件會轉化爲RenderTexture,再使用濾鏡,這會有一定的內存消耗。務必閱讀PaintMode注意:設置了濾鏡的顯示對象無法與其他顯示對象合併Draw Call。
Tooltips
當鼠標移到元件範圍內時,彈出一個文本提示,移出元件範圍後,文本提示自動消失。
- 製作一個組件,這個組件的“擴展”屬性需要定義爲“標籤”,以便系統將TIPS文本設置到標籤的“標題”屬性中。
- 打開編輯器主菜單“文件”->“項目設置”,然後在彈出的對話框裏選擇“預覽設置”,右邊面板會出現一個“TIPS組件”的設置,將你製作好的標籤組件拖入。
- 運行時使用代碼再次設置:
UIConfig.tooltipsWin = "ui://包名/組件名"; |
自定義數據
可以設置一個自定義的數據,這個數據FairyGUI不做解析,按原樣發佈到最後的描述文件中。開發者可以在運行時獲取。獲取方式是:GObject.data或GObject.userData(Cocos2dx、Vision)。
其中的很多基庫還是類似於UGUI,使用GComponent來搭建界面視圖,Glist,GTextInput,GButton等等來實現功能
其中,必須要進行加包,UIPackage.AddPackage()來實現當前包的使用
最後還是基庫沒看多少,得繼續看看