|
！！！注意，代码有更新，修正一个貌似可有可无的Bug，下载后覆盖全部到吗即可。！！！
5.UI的设计 （4）描述面板的设计
快速来点废话先，相信通过茶水上篇的教程，大家已经制作出相应的背包面板和仓库面板了，然后这次就要设计描述面板了，说完。
这次有点小复杂，茶水会尽可能说的详细点，请各位同学也要耐心跟上。
大家还记得我们的预设 windows 吗？先把他拉出老，放到UI Root（XD）下，然后我们重温一下他的树状结构： 然后，重命名为 UI Description windows，同时，选中Panel，并复制出4份，然后将他们重命名为，如下图：
很好，麻烦的事情开始了，选中第一层，即Ui description windows，然后将它重新配置成如下图：
Tween Position, (窗口移动后用于回复的动画) UI_Description_Manager, 茶水编写的管理文件，用于管理和调用各种的描述面板。 UIPanel，略。 Rigidbody，无解。
然后我们今天首先设计最简单的 UI Description Weapon, 首先看全身照：
然后选中 Lable, 修改他的text，娶个好名字，例如 Item Description 之类的。 好了，然后选中Descrtion Slot, 看看他是个什么东东，
最好是一个边框是白色然后中间透明的图片，用于自动匹配道具等级颜色用的。
然后在看看其他的东西，
Icon, 就一个纹理而已，用于显示道具的图标而已无压力。
Name，一个label和一个属性绑定的组件，用于显示道具名字和匹配道具的等级颜色，请小心如图配置好各项。
Text Area - Status，又一个label，用于显示道具属性。
Text Area - Description，又一个label，用于显示道具的描述。
OK，附上效果图：
好了，基本的设计就是这样了，然后现在来看看 UI_Descrition_Weapon 的配置：
呃，好了，武器的描述面板基本就这样完成了，然后告诉你们一个好消息，UI Description Armor 和 UI Description Shield 的设计是一样的，只需要替换响应的脚本 UI_Description_Armor 和 UI_Description_Shield 就可以了，是不是很兴奋呢，
然后，还记得之前设计的背包吗？呃，貌似必须要记得，好了，现在选中 玩家背包 UI Player Inventory windows, 并如下设置：
同样，配置好 UI Store Inventory windows 和 UI Shop Inventory windows，好了，点击运行吧，看看今天努力的成果吧
本系列很快就要结束了，会后还有两个UI而已，一个是Part 一个是Recipe.
Part是一个很简单很简单的UI，相信此时大家可以轻松的自行设计出这个UI了，放出配置图如下：
这个就当时留下的课后作业了，最后一章将会是Recipe了。 好了今天时间差不多了，最后值得一提，记得修改各面板的脚本中的那个用于显示状态的函数，以完善或适应大家自行扩展的道具属性。应修改的地方在 ：UI_Descrtion_XXXXX，（XXXXX 为：Weapon,Armor,Shield,part,Recipe）中的 public void Init(Item_Profile item) 函数。有人问为什么要用英文注释，怀疑不是原创的，原因是，茶水目前在美国读书，而且mac版本的mono对支持中文比较麻烦，茶水也懒得弄了，所以就直接打英文注释了，但是都是很简单的一下注释而已，应该不会有什么阅读障碍的。
================================================================= 旧的资料下载
| 
发表于 2014-11-5 21:20:51
请点击此处下载
发表于 2014-12-28 02:51:06
