2dtoolkit 的UI研究

tk2d的UI主要有按钮，单选框，复选框，滚动区域，滚动条，输入框，滑动条，进度条,下拉菜单。

首先是这些UI由多部分组成，文字是textmesh，图形是sliced sprite，并添加相关脚本，多个层次。

我们可以手工做出这些UI，当然过程很麻烦，所以官方已经做出了预制品，但是它居然放在demo文件夹，让人导入资源时很容易漏掉。

1.首先说按钮，，由这三部分构成，text是textmesh，可以更换显示的内容，buttonGraphic是背景图，可以调节大小，然后basicbutton的碰撞器要fit  buttongraphic，不然导致点击不精确。

按钮的核心脚本是tk2dUIItem，主要关心的是按钮的点击事件，可以用之前的send message，选择在按钮事件触发时调用目标的函数。

或者可以用委托，比如绑定自定义的函数到OnClick事件，这样更灵活。

2.复选框主要有两部分，内容和字前面的图形，复选框附加的脚本是tk2dUIToggleControl，我们主要关心的是复选框的选中与否状态，通过IsOn 属性可以得到。

3.单选框有点奇葩，它提供了单个项，但把多个单选项集合起来需要手动添加成分。

首先是单项，附加的脚本也是tk2dUIToggleControl；

要建立单项互斥的集合，首先创建一个空物体，单后附加tk2dUIToggleControlGroup成分，更改size的数目，把单项拉进去。

tk2dUIToggleControlGroup有SelectedIndex属性可以知道选中的下标，但是却没有SelectedItem的字符串属性，而且我研究的时候官网没有tk2dUIToggleControlGroup的文档，无力吐槽。

4.下拉菜单，主要有三部分，箭头按钮，下拉列表，当前显示。首先要注意的是在Insspector把DropDownItemTemplate的箭头取消。然后是显示中文时，注意把两个LabelTitle的字库都设置好。

它附加的脚本是tk2dUIDropDownMenu，主要关心的属性有SelectedItem，index。

5.滚动区域，主要有背景，内容content，遮罩mask。当更改content长度时，要更新总长度，不然就会发生明明下面还有内容，却拉不下去的情况。

6.滚动条，主要是配合scrollarea使用，注意scrollbar length的长度，不然也会发生拉不下去的情况。

7.输入框。

更改输入框的长度首先更改两个labelbackground的长度，谈后调整field length 。

可以设置空输入的提示内容，或者密码输入时掩盖内容。

它附加的脚本是tk2dUITextInput，通过text属性可以获得内容。

8.进度条，脚本是tk2dUIProgressBar，主要关心的是Value属性

9.滑动条，脚本是tk2dUIScrollbar，主要是Value；当然如果改变长度时，记得调整scrollbar length。

学习tk2d的UI，主要是知道组件附加的脚本，查阅相关API，了解提供的方法和属性，就能容易使用了。

附上研究视频
http://v.youku.com/v_show/id_XNTkzMDY1ODgw.html