原文地址：http://blog.csdn.net/ab342854406/article/details/37735083
说明：
如果之前有玩过morn的话，会对Tui-x的命名规则感到亲切。所谓的命名规则，就是以控件（影片剪辑）的名字去生成对应组件，编辑器会根据控件的前缀去分析该组件类型，比如命名为btn_ok会被解析成按钮，最终生成CButton。
跟morn不一样的是，Tui-x的控件资源（png图）分固定前缀，和固定后缀，比如一个btn_ok的影片剪辑控件，对应的png图命名应该是 btn_ok_normal.png，btn_ok_select.png 和 btn_ok_disable.png ，这里的_normal ，_select，_disable 就是固定后缀 ，而btn_就是固定前缀。因为在Tui-x的Flash里是通过对实例名的下划线切割来获取参数的，因此命名时尽量不要多添加下划线。有一些控件需要设定一些而外参数，比如list列表控件，命名为list_test_10，这时候list控件的最后的参数10，它代表的是要生成10个item。如果你不填的话也是可以的，因为这类型的控件都有设定默认值。
1.列举出说有Tui-x中的控件命名规则： 左：游戏中控件 右：flashCS中控件 ]
CWidgetWindow（主容器）：panel_xxx
CLayout（层容器）：layout_xxx
CImageView（普通图片）：img_xxx
CImageViewScale9（九宫格图片）：img9_xxx_0_0_0_0如img9_test_10_10_10_10，后面4个参数代表九宫上、下、左、右的边距。
CButton（按钮）：btn_xxx
CToggleView（单选框）：tgv_xxx_0 如tgv_test_1，1代表组号，因为可能存在多个单选组。
CCheckBox（复选框）：ckb_xxx
CSlider（滑动条）：slider_xxx_0 如slider_test_0，0代表控件方向枚举值，0是左->右，1是右->左，2是下->上，3是上->下
CProgress（进度条）：prog_xxx_0 如prog_test_0，0代表控件方向枚举值，0是左->右，1是右->左，2是下->上，3是上->下
CLabel（文本）：lab_xxx
CLabelAltas（切片位图）：labAtlas_xxx
CCArmature（骨骼动画）：arm_xxx
Sprite（帧动画）：anim_xxx
ArmBtn（动画按钮）：armBtn_xxx
NumbericStepper（步进数字）：numStep_xxx
ControlView（摇杆）：ctlv_xxx
CListView（列表）：list_xxx_10如list_test_10，10代表item的个数
CPageView（翻页）：pv_xxx_0_10如pv_test_0_10，参数1表示控件方向，参数2表示页数
CGridView（网格）：gv_xxx_4_10_80_80如gv_test_4_10_80_80，参数1表示列数，参数2表示cell的个数，参数3和4表示cell的宽高
CGridPageView（网格翻页）：gpv_xxx_0_5_4_40_80_80如gpv_test_0_5_4_40_80_80，参数1表示方向，参数2表示列数，参数3表示行数，参数4表示cell的个数，参数5和6表示cell的宽高
CTableView（表格）：tbl_xxx_0_10_80_80如tbl_test_0_10_80_80，参数1表示方向，参数2表示个数，参数3和4表示cell的宽高
CScrollView（滑块）：scrol_xxx
ParticleSystem（粒子）：ptl_xxx
EditBox（输入框）：edit_xxx_0_0如edit_xxx_0_0，参数1为EditBox::InputMode枚举值，参数2为EditBox::InputFlag枚举值
RichText（富文本）：rtf_xxx
MovieView（影片控件）：moive_xxx
CricleMenu（环形菜单）：circlemenu_xxx
CXCell（复合控件条目）：cell_xxx
注意：在FlashCS中所有控件都为影片剪辑。以上所有控件的参数均有默认值，不填参数是允许的。如果命名有误，该控件仅不显示而已，不会导致崩溃。
并不是所有控件的资源图都需要固定后缀，但像button这种有三种图组成的就需要固定后缀，大部分控件都是跟flashCS里的控件命名一致。
2.列举资源图的命名规则。
img_test ->img_test.png
img9_test ->img9_test.png
btn_test ->btn_test_normal.png btn_test_select.png btn_test_disable.png
ckb_test ->ckb_test_normal1.png ckb_test_select1.png ckb_test_disable1.png
ckb_test_normal2.png ckb_test_select2.pngckb_test_disable2.png
slider_test-> slider_test_bg.png slider_test_progress.png slider_test_thumb.png
prog_test ->prog_test_bg.png prog_test_progress.png prog_test_thumb.png
arm_test ->arm_test.png arm_test.plist arm_test.xml
labAtlas_test->labAtlas_test.png
ctlv_test->ctlv_test_baseboard.png ctlv_test_joystick.png
tgv_test->tgv_test_normal.png tgv_test_select.pngtgv_test_disable.png
list_test->list_test.png
pv_test->pv_test.png
tbl_test->tbl_test.png
gv_test ->gv_test.png
gpv_test ->gpv_test.png
armBtn_test->armBtn_test.png armBtn_test.xml armBtn_test.plist
numStep_test->numStep_test_lnormal.png numStep_test_lselect.png numStep_test_ldisable.png numStep_test_stepbg.png
numStep_test_rnormal.png numStep_test_rselect.png numStep_test_rdisable.png
ptl_test ->ptl_test.png ptl_test.plist
movie_test->movie_test.png movie_test.json movie_test.plist
注意：这些资源你不一定全部要有，像button_disable.png ，你如果只有两个状态，不填也是可以的。但是复合控件如tbl_ list_ gv_这类的，一定要有资源，哪怕是透明png
3.交流
CocosWidget 官方群261286285 Tui-x 官方群 347085657
4.下载
Tui-x 2.x : https://github.com/LingJiJian/tui/tree/Tui-x Tui-x 3.x https://github.com/LingJiJian/Tui-x