查看: 58992|回复: 141

【爆甲英雄传】5.UI的设计 (3)描述面板的设计

[复制链接]

1

主题

338

帖子

7万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
74666
发表于 2014-11-5 21:20:51 | 显示全部楼层 |阅读模式
!!!注意,代码有更新,修正一个貌似可有可无的Bug,下载后覆盖全部到吗即可。!!!

5.UI的设计 (4)描述面板的设计



快速来点废话先,相信通过茶水上篇的教程,大家已经制作出相应的背包面板和仓库面板了,然后这次就要设计描述面板了,说完。

这次有点小复杂,茶水会尽可能说的详细点,请各位同学也要耐心跟上。

大家还记得我们的预设 windows 吗?先把他拉出老,放到UI Root(XD)下,然后我们重温一下他的树状结构:
【爆甲英雄传】5.UI的设计 (3)描述面板的设计
然后,重命名为 UI Description windows,同时,选中Panel,并复制出4份,然后将他们重命名为,如下图:
【爆甲英雄传】5.UI的设计 (3)描述面板的设计


很好,麻烦的事情开始了,选中第一层,即Ui description windows,然后将它重新配置成如下图:
【爆甲英雄传】5.UI的设计 (3)描述面板的设计

Tween Position, (窗口移动后用于回复的动画)
UI_Description_Manager, 茶水编写的管理文件,用于管理和调用各种的描述面板。
UIPanel,略。
Rigidbody,无解。


然后我们今天首先设计最简单的 UI Description Weapon, 首先看全身照:
【爆甲英雄传】5.UI的设计 (3)描述面板的设计

然后选中 Lable, 修改他的text,娶个好名字,例如 Item Description 之类的。
好了,然后选中Descrtion Slot, 看看他是个什么东东,
【爆甲英雄传】5.UI的设计 (3)描述面板的设计

最好是一个边框是白色然后中间透明的图片,用于自动匹配道具等级颜色用的。

然后在看看其他的东西,


Icon, 就一个纹理而已,用于显示道具的图标而已无压力。
【爆甲英雄传】5.UI的设计 (3)描述面板的设计


Name,一个label和一个属性绑定的组件,用于显示道具名字和匹配道具的等级颜色,请小心如图配置好各项。
【爆甲英雄传】5.UI的设计 (3)描述面板的设计


Text Area - Status,又一个label,用于显示道具属性。
【爆甲英雄传】5.UI的设计 (3)描述面板的设计

Text Area - Description,又一个label,用于显示道具的描述。
【爆甲英雄传】5.UI的设计 (3)描述面板的设计

OK,附上效果图:
【爆甲英雄传】5.UI的设计 (3)描述面板的设计


好了,基本的设计就是这样了,然后现在来看看 UI_Descrition_Weapon 的配置:
【爆甲英雄传】5.UI的设计 (3)描述面板的设计

呃,好了,武器的描述面板基本就这样完成了,然后告诉你们一个好消息,UI Description Armor UI Description Shield 的设计是一样的,只需要替换响应的脚本 UI_Description_ArmorUI_Description_Shield 就可以了,是不是很兴奋呢,


然后,还记得之前设计的背包吗?呃,貌似必须要记得,好了,现在选中 玩家背包 UI Player Inventory windows, 并如下设置:
【爆甲英雄传】5.UI的设计 (3)描述面板的设计

同样,配置好 UI Store Inventory windowsUI Shop Inventory windows,好了,点击运行吧,看看今天努力的成果吧

本系列很快就要结束了,会后还有两个UI而已,一个是Part 一个是Recipe.


Part是一个很简单很简单的UI,相信此时大家可以轻松的自行设计出这个UI了,放出配置图如下:
【爆甲英雄传】5.UI的设计 (3)描述面板的设计

这个就当时留下的课后作业了,最后一章将会是Recipe了。 好了今天时间差不多了,最后值得一提,记得修改各面板的脚本中的那个用于显示状态的函数,以完善或适应大家自行扩展的道具属性。应修改的地方在 :UI_Descrtion_XXXXX,(XXXXX 为:Weapon,Armor,Shield,part,Recipe)中的 public void Init(Item_Profile item)
函数。有人问为什么要用英文注释,怀疑不是原创的,原因是,茶水目前在美国读书,而且mac版本的mono对支持中文比较麻烦,茶水也懒得弄了,所以就直接打英文注释了,但是都是很简单的一下注释而已,应该不会有什么阅读障碍的。
【爆甲英雄传】5.UI的设计 (3)描述面板的设计 请点击此处下载

请先注册会员后在进行下载

已注册会员,请先登录后下载

文件名称:UI_Update_2.zip 
下载次数:0  文件大小:19.52 KB  售价:1代金卷 [记录]
下载权限: 不限 以上或 VIP会员   [购买VIP]   [充值代金卷]  [免费赚代金卷]



=================================================================
旧的资料下载









回复

使用道具 举报

ngk02lds78 该用户已被删除
发表于 2014-12-28 02:51:06 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复 支持 反对

使用道具 举报

xbit 该用户已被删除
发表于 2014-12-28 02:51:40 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复 支持 反对

使用道具 举报

woaiwojia6188 该用户已被删除
发表于 2014-12-28 02:52:14 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复 支持 反对

使用道具 举报

0

主题

1298

帖子

4026

积分

vip会员

Rank: 1

积分
4026
发表于 2015-4-7 23:28:22 来自手机 | 显示全部楼层
秀起来~
回复 支持 反对

使用道具 举报

0

主题

1224

帖子

3793

积分

vip会员

Rank: 1

积分
3793
发表于 2015-4-11 06:33:54 来自手机 | 显示全部楼层
非常好,顶一下
回复 支持 反对

使用道具 举报

0

主题

1254

帖子

3934

积分

vip会员

Rank: 1

积分
3934
发表于 2015-4-11 21:56:13 来自手机 | 显示全部楼层
……
回复 支持 反对

使用道具 举报

神话 该用户已被删除
发表于 2015-4-17 06:37:47 来自手机 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复 支持 反对

使用道具 举报

0

主题

1219

帖子

3800

积分

vip会员

Rank: 1

积分
3800
发表于 2015-4-19 07:13:55 来自手机 | 显示全部楼层
一直在看
回复 支持 反对

使用道具 举报

0

主题

1230

帖子

3932

积分

vip会员

Rank: 1

积分
3932
发表于 2015-4-22 13:09:49 来自手机 | 显示全部楼层
路过的帮顶
回复 支持 反对

使用道具 举报

*滑块验证:
您需要登录后才可以回帖 登录 | enginedx注册

本版积分规则

 
 



邮件留言:


 
返回顶部