晓月_技能栏(二)显示技能和技能冷却

发表于2016-08-31
评论1 2k浏览


UI编辑部分:

    ​上次分析了技能栏的显示层次,今天动手实现以下。本次还是4.6的版本,大家看下思路就好了。

    ​1:首先找张技能图片,因为我的是一个拿剑的角色。我找了张剑的icon,然后指定给UITexture

    ​2:因为冷却需要一个圆形剪裁,用到UISprite上面的API进行控制。所以PS制作好的CD图后还要制作成Atlas供UISprite使用。然后修改参数如下就好了。


    ​3:然后再在上面盖一层UILabel用来显示时间。因为比较喜欢红色,所以文字就红色描边。


代码部分:不习惯命名的可以留言推荐给我好的命名

    ​1:首先我们需要挂载一个脚本控制刚才我们创建好的技能相关资源。

UI_Skill.cs

    ​
我就直接用拖拽的方式引用到刚才创建的UI资源了。

    2:创建一个Skill.cs基类用来保存我们的技能数据。

    ​属性方面暂时就技能名字,技能冷却时间,技能ID,是否冷却。

    ​提供的方法有:

    public float getCdTime();//得到具体的剩余冷却时间

  public float getCdRate();//得到具体的剩余冷却时间比例

    public bool isOver();//是否冷却完毕

    ​public string getName();//得到技能名字

    3:把技能数据放进UI里面,让UI读取到我们的技能数据,然后显示到面板。主要就是这个方法。


下一个分享将会把这个技能冷却面板和角色模型的攻击状态联系在一起,敬请期待。

一起学习请加QQ:1970007869 加我进四群


如社区发表内容存在侵权行为,您可以点击这里查看侵权投诉指引