滴答UI編輯器初實戰，實現cocos2dx的支持

滴答UI編輯器與cocos2dx初實戰

如何獲取UI編輯器

• 源碼下載滴答UI編輯器下載
• 源碼可裝vs進行編譯
• 安裝.net framework 4.5
• 二進制下載包 如何獲取runtime

---

• UI編輯器 cocos2dx runtime
• 下載下來，打開vs添加引用，如
• 進行相關的頭文件引用便可
• 測試2dx版本爲3.5

實戰

能夠經過菜單，文件->打開項目，打開項目底下的daemon

下載下來，打開項目，編輯獲得testall.xml 編輯器編輯主要經過拖動，修改屬性，進行修改

下面來一張，在2dx打開的界面預覽圖

cocos2dx主要調用函數

TDWin* win = UIBase::create<TDWin>();
win->loadConf("testall.xml");

調用以前，相關路徑請添加到searchPath 這樣就建立出一個layer出來，添加到相關的scene或者節點中便可顯示

相關事件處理

UI編輯器的相關設定， 代碼中獲取相關節點能夠經過

getPanel("button1") //獲取
getButton("button1") //獲取一個button節點，若是該節點不爲button則返回空

事件點擊處理

//重載這個方法，event是在UI編輯器咱們填的button1event，target則爲event的對應節點，當前爲TDButton，能夠在這裏處理相關的事件
bool TDWin::procTuiEvent(const string& event,TDPanel* target)

若是自定義的一個win則繼承TDWin，而後重載procTuiEvent方法，而後處理相關的事件

UI編輯器交流羣

滴答UI編輯器開發QQ羣歡迎您的加入: 453224679