軟件介紹

FairyGUI是一款非常好用的免費(fèi)UI編輯器軟件，它的界面風(fēng)格和操作方法與Adobe軟件基本相同，能夠讓用戶輕松上手使用。同時(shí)FairyGUI還為用戶提供眾多常用的游戲引擎SDK，不需要編寫代碼也能輕松制作各種附帶動(dòng)畫效果的UI，有需要的用戶敬請(qǐng)下載。

特色功能

所見即所得。操作簡(jiǎn)易，使用習(xí)慣與Adobe系列軟件保持一致，策劃和美術(shù)設(shè)計(jì)師都可以輕松上手。

在編輯器即可組合各種復(fù)雜UI組件，無(wú)需編寫代碼。不需要程序員編碼擴(kuò)展UI組件。

支持平移、縮放、旋轉(zhuǎn)、傾斜、翻轉(zhuǎn)等常規(guī)的2D變換。

強(qiáng)大的文本控件。支持動(dòng)態(tài)字體，位圖字體，以及外部工具(例如BMFont等)制作的位圖字體，同時(shí)支持HTML語(yǔ)法和UBB語(yǔ)法，支持復(fù)雜的圖文混排。輸入文本支持IOS原生表情的直接輸入。支持字體的描邊效果，陰影效果，支持漸變色文字。

強(qiáng)大的列表控件，支持橫向、縱向、流動(dòng)、分頁(yè)等多種布局，支持虛擬列表和循環(huán)列表，即使列表項(xiàng)目數(shù)量巨大也拒絕卡頓。虛擬列表還支持不等高ITEM、多種ITEM資源混合等高級(jí)特性。支持表格、樹等高級(jí)列表控件。支持貼近，分頁(yè)等滾動(dòng)高級(jí)特性。

支持圖片的九宮格和平鋪處理，支持九宮格內(nèi)各個(gè)宮格的平鋪處理。支持圖片變色和灰度。

支持基礎(chǔ)的繪圖功能，例如矩形、圓形、多邊形等。

支持序列幀動(dòng)畫編輯和使用。自帶序列幀動(dòng)畫編輯器，同時(shí)支持導(dǎo)入由Flash CS、Animate CC等工具制作的動(dòng)畫。

內(nèi)置掃、捏、扭、長(zhǎng)按等多種常用手勢(shì)支持。內(nèi)置搖桿支持。

編輯器提供時(shí)間軸設(shè)計(jì)UI動(dòng)效，可以組合透明度、位置、大小、顏色等十幾種屬性的動(dòng)畫效果。并可實(shí)時(shí)看到每幀的效果。支持插入聲音。支持嵌套動(dòng)效。

支持矩形遮罩和自定義圖形遮罩。

支持變色、模糊等濾鏡。支持BlendMode設(shè)置。

支持逐像素檢測(cè)的點(diǎn)擊檢測(cè)方式。

支持將UI組件綁定到任何模型上，例如實(shí)現(xiàn)曲面UI。

內(nèi)置文本的打字效果。

內(nèi)置窗口管理器，彈出窗口管理器，拖放管理器。

支持事件的冒泡機(jī)制。

封裝了所有輸入方式的底層細(xì)節(jié)，無(wú)論是鼠標(biāo)輸入、單點(diǎn)觸摸輸入、多點(diǎn)觸摸輸入、VR輸入，你都只需要使用相同的事件偵聽方式處理UI交互。

支持在UI層中插入任何3D物體，例如模型、粒子、骨骼動(dòng)畫等，自動(dòng)處理渲染順序。

編輯狀態(tài)下使用分散的素材，發(fā)布時(shí)自動(dòng)打包圖集。支持定義多個(gè)圖集，Unity版本自動(dòng)支持抽出A通道的壓縮方式。

多國(guó)語(yǔ)言切換支持。可以實(shí)時(shí)切換UI語(yǔ)言。

各種分辨率自適應(yīng)。一套UI適用于不同分辨率的設(shè)備。

支持為編輯器組件自動(dòng)生成代碼。

提供插件機(jī)制，可以根據(jù)項(xiàng)目的需要為編輯器加入個(gè)性功能。

支持設(shè)計(jì)圖功能，直接將設(shè)計(jì)圖顯示在背景，便于對(duì)照精準(zhǔn)拼接。

入門教程

一 、編輯器

1.項(xiàng)目的目錄結(jié)構(gòu)：包，文件夾，組件等

2.顯示所有的組件

3.預(yù)覽選中的組件

4.編輯區(qū)域

5.屬性區(qū)域

6.按鈕，滑動(dòng)條等組件

7.當(dāng)前選擇組件的編輯面板

8.對(duì)齊方式、文本等組件

二、 導(dǎo)入U(xiǎn)nity

1.需要把整個(gè)畫布設(shè)置為導(dǎo)出，右下角會(huì)出現(xiàn)一個(gè)紅色圖標(biāo)

2.項(xiàng)目設(shè)置；包設(shè)置；發(fā)布設(shè)置，進(jìn)行相應(yīng)設(shè)置(很簡(jiǎn)單，不詳細(xì)說(shuō)了，略略略)

3.發(fā)布bytes。選擇合適版本的Unity SDK導(dǎo)入新項(xiàng)目。把生成的文件導(dǎo)入Assets目錄下。

4.Hierarchy視圖右鍵->FairyGuI->UI Panel。

5.把剛才的bytes文件選擇到Package Name，右側(cè)選擇Component Name，ok。