纳金网
标题: 2D Toolkit 2.0 新版本UI介绍 [打印本页]
作者: 艾西格亚 时间: 2013-6-16 07:23
标题: 2D Toolkit 2.0 新版本UI介绍
本帖最后由 艾西格亚 于 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
作者: seeyou_1984 时间: 2013-6-17 14:51
看起来确实不错.就是不知道能否支持中文
作者: animan 时间: 2013-6-17 18:10
谢谢楼主啊，真给力
作者: 狂风大尉 时间: 2013-6-18 02:31
seeyou_1984 发表于 2013-6-17 14:51 
看起来确实不错.就是不知道能否支持中文
这个问题我也想知道
作者: samcabc 时间: 2013-6-18 02:45
好文。顶楼主
作者: texfill 时间: 2013-6-18 09:12
感謝分享
作者: chikulis 时间: 2013-6-18 10:38
很好的教程
作者: 银色的子弹 时间: 2013-6-24 14:17
2d toolkit加UI部分了? 本来2D Toolkit效率就比NGUI高很多 ,再加上UI,那逆天了...
作者: scorpio 时间: 2013-6-24 16:12
感谢分享 这个很有用
作者: frozen 时间: 2013-6-27 09:56
楼主有木有好点的tk2d下, 图片自适应摄像机的方案?
作者: j153680852 时间: 2013-7-19 06:22
学习了。
作者: joydance 时间: 2013-11-9 15:46
真心不错的教程。。。。
作者: dannyGame2012 时间: 2013-12-10 20:07
好东西啊，谢谢分享啊！！！！！！！！！！！！！！！！！！！
作者: nianhua2008 时间: 2013-12-28 23:53
呵呵，学习了！
作者: sweed0 时间: 2014-2-27 15:19
感谢分享
作者: beshuo521 时间: 2014-2-27 18:29
谢谢楼主的好资源支持
作者: xizhenlong 时间: 2015-1-21 16:35
现在公司不怎么用2dTOOL
| 欢迎光临 纳金网 (http://c-www.narkii.com/club/) |
Powered by Discuz! X2.5 |