NGUI 制作简易背包UI
来源:互联网 发布:七天网络微信查分 编辑:程序博客网 时间:2024/05/28 05:15
前言
本文由作者@zx一路飞奔出品,转载请注明出处
文章地址:http://blog.csdn.net/u014735301/article/details/43228693
作者微博:http://weibo.com/u/1847349851
最近闲的时候,体验了几款比较火爆的手游,其中个人认为做的比较好的一款是 暗黑黎明。
正好自己的小游戏,要做一个背包的UI,就模仿下,暗黑黎明吧
先看一下 暗黑黎明 本身的背包的UI
一个占据屏幕整体的UI设计,左边是人物装备,右边是背包,最右边是tabs,可以切换成不同的分类。
背包栏里面是一个一个小格子,是可以根据手指的滑动而上下滚动的。
恩,我要做的UI,也是简单的实现上面的功能。
Scroll view
首先在NGUI 的UIRoot下,创建一个sprite来作为背包的背景图片,命名为beibao
在beibao下面,创建一个scroll view
上面挂有两个脚本,UIPanel,UIScroll view
在scroll view下创建Grid,并且在grid下,创建sprite作为 背包格子,并且添加collider组件 和 Drag Scroll view脚本。
这样就可以在格子上,滑动鼠标来进行移动了,
创建一个格子后,按 ctrl+D,复制多个格子。修改grid脚本参数,可以自动排列格子,这里不得不说,NGUI很强大
到这里,一个背包面板就做好了,而且是可以滑动查看更多哦!,下面来看看通过tab来切换不同面板
Tabs
这里只是简单的使用ngui现有的脚本,如果想要了解更多,请自行研究
这样就可以实现面板的切换了。最后看一下整体效果
恩,感觉和暗黑黎明没法比啊 哈哈~~~~~~~~
0 0
- NGUI 制作简易背包UI
- NGUI 制作简易背包UI
- NGUI简易背包
- NGUI的背包制作
- NGUI制作背包系统
- NGUI制作背包
- 用NGUI制作背包系统
- NGUI--->制作血条UI
- Unity中利用NGUI制作简易字体
- 使用NGUI制作简易的老虎机
- UI方案及制作细节(NGUI/EZGUI/原生UI系统)
- UI方案及制作细节(NGUI/EZGUI/原生UI系统)
- Unity3D 使用NGUI制作简易弹出窗口声音控制器
- 【NGUI】背包
- Unity3D学习:制作背包换装备UI
- UNITY3D使用NGUI制作自适应UI的总结
- 使用UGUI制作NGUI的UI Key Navigation
- 使用NGUI制作UI时贴图出现黑线的问题
- hadoop参数优化
- 面向移动设备的HTML5开发框架梳理
- 思维导图软件
- 互联网推送服务原理:长连接+心跳机制(MQTT协议)
- c/c++ error:GetAdaptersInfo第二个实参未被赋值,GetMac.exe 已停止工作
- NGUI 制作简易背包UI
- Android 下载显示网络图片 实现直接使用类似setimage的方法来完成
- Mangos服务器框架设计分析(二)
- centOS 6.3上安装redis
- JQuery插件:图片裁切
- Android PowerImageView实现,可以播放动画的强大ImageView
- 二叉搜索树的后序遍历序列
- 思维导图软件
- 【Python学习记录】2015-01-28