使用這些工具，大大縮短了用cocos2dx開發周期。但總的來說，操作并不是很方便，但是有總比沒有強！
下載地址：http://cn.cocos2d-x.org/download/ 現在MAC的版本也出來了。
下圖是界面
然后啟動，新建一個項目
這樣就完成項目的創建。
在編輯之前，需要先給項目提供資源，一種是把資源拖到右邊的資源列表或都在資源列表打開選擇資源對話框。
插入結果
其它資源依此類推。
項目創建會默認創建一個畫布和一個容器panel
在正式編輯UI之前，需要先設置畫面大小，這個跟據你項目的要求設置。
下面在畫面中，填加一個圖片。很不幸，你不能從資源列表直接拖到中間的畫布上只，只能在畫布或對象列表使用右鍵，彈出右鍵菜單，添加圖片對象。
然后，用鼠標選這個對象。在畫面的右邊，會有一個對象的屬性面板。
屬性面版有尺寸和模式、常規、控件布局、特性。大家可以嘗試設置，就知道他的作用了。添加完成后，把具體的圖片資源拖到屬性面版->特性->文件框內，就可以了。
結果
這樣就OK了
在屬性面板有一個Tag屬性和名子屬性要注意一下，我面在加載UI后，可以通過這兩個屬性取得UI中的這個對象。
可能調整渲染層級達到調整顯示次序的效果。
按照上面的步驟，就可以很快的做出UI了。
做完后，就需要導出UI了，cocos2dx是不能直接使用UI工程的，需要使用導出的。
在導出資源這塊，要注意一下，使用大圖，會把用到的資源拼成一個大圖，可以提高效率。使用小圖，則把資源的圖原樣復制過去。這個看你的取舍了。
導出完成后，把導出的目錄復制到cocos2dx工程的Resource這個目錄下面，就可以在項目中使用了。
最后在需要使用這個UI的場景，增加下面代碼
gui::TouchGroup* ul = gui::TouchGroup::create();
ul->addWidget(GUIReader::shareReader()->widgetFromJsonFile("NewUi_1/NewUi_1.ExportJson"));
this->addChild(ul, 2);
如果要訪問這個資源，就可以通過tag來操作。
ul->getWidgetByTag(42)。注意不是ui->getChildByTag(42)，這個不會遍歷所有的子節點。
！這樣就完成一個完全的UI操作！