pstatus"> 本帖最后由 艾西格亚 于 2013-9-24 12:24 编辑
在诸多的2D插件里面，2D Toolkit已经算是一个老字号的品牌了，许多用户对这个插件也不陌生，只是更多的疑问是, 要制作2D的话，使用Flash不是更方便吗？为啥要到Unity里面折腾呢？Unity里面也有Smooth Move这类的插件，那我们应该如何选择？
这个问题，不少的朋友都在论坛里面讨论过，其实以工具来说，每一套的功能与使用的效率并不会相距太大，就像目前市面上的3D软件一样，该有的功能都大多已经内建了，渲染能力不足的也有很好的插件可以使用，所以最终还是必须看使用者的习惯来选择适合的工具。
对于2D游戏来说，不论是在Flash里面设计还是使用2D Toolkit，最重要的就是素材的导入与图集的制作，在这个功能上面，2D Toolkit有其绝对的优势，此外2,0版本新增的UI功能是一大亮点，这也是本教程里将要介绍的部分。
下载安装2D Toolkit资源包后，我们将学习使用这套工具建立一个卡通风格的按钮：
新建一个场景，然后将相机的 Project 模式更换为Orthographic,Size设定为1, 这个设定是制作2D场景的标准流程。
选择 GameObject > Create Other > tk2d > UI Manager创建一个UI的管理器。
将相机添加到 UI Manager > UI Camera的栏位，这个相机就是刚才设定为Orthographic模式的默认相机。
接着将 tk2dUI_demo > ControlPrefab > BasicButton 添加到Hierarchy面板内,如图所示，在Scene视图里面出现了一个卡通风格的按钮。
在按钮上面有一个默认的文字，那么要如何修改这个文字的内容呢？很简单 ,选择BasicButton>ButtonGraphic>Text,然后在Inspector里面即可对文字的属性进行调整。
如图所示，我们将 Button的文字更换为Narkii.com
![]()
更换后的文字宽度已经超过了按钮，这时可以使用 ButtonGraphics >Dimensions (Pixel Units) 进行按钮宽度的调整，使文字与按钮的宽度产生匹配的效果。
此外，由于按钮改变了宽度，导致 Collider作用范围与修改后的按钮对不上边，解决的方式是直接按下BasicButton > Tk 2d UIItem >Collider > Automatic Fit进行自动对齐即可。
如图，使用 Automatic Fit自动对齐后的Collider与按钮的外观已经匹配上。
在按钮的设置上，我们看到了2D Toolkit所带来的方便性，甚至在一些功能的使用上与NGUI 有不少类似的地方，同时在触发按钮时已经加了默认的音效，我们可以随时根据需求来进行音效的调整。
按下 Play测试，按钮在点击的时候已经具备了动画与音效的作用，这个部分与NGUI可说是完全的相同。
接下来打开 tk2dUI_Demo> 1- UI demo的场景文件，里面列出了2D Toolkit所提供的各种UI组件，瞧瞧，是否有似曾相识的感觉？
在 Play状态下拖动Draggable Button可直接将按钮任意的拖动，按下Next Page则跳到另一个选单，在这个部分可以看出2D Toolkit在UI的制作上已经具备了完善的功能，看来是打算跟NGUI来个正面对决。
修改 UI面板的方式也是非常的容易，选到UI组件后，在Inspector里面就可进行样式与颜色的替换，如图所示，我们将按钮的颜色更换为深绿色，然后将底部换成浅灰色。
通过上面的初步介绍后，我们对于2D Toolkit新版本的UI已经有了基本的认识，下一个教程将会介绍关于图集的应用与PSD文件的导入，更多的交流讯息请加入我们的技术讨论群 - 218689657
| 
发表于 2013-6-16 07:23:49
QQ好友和群
腾讯微博
腾讯朋友
微信
转播
淘帖
收藏
支持
反对
发表于 2013-6-17 14:51:40
