• <acronym id="2ng7a"><wbr id="2ng7a"><meter id="2ng7a"></meter></wbr></acronym>
      1. <nav id="2ng7a"></nav>

         找回密码
         立即注册

        QQ登录

        只需一步,快速开始

        如何使用D5BitmapUI中的位图数字集组件

        3
        回复
        2403
        查看
        打印 上一主题 下一主题
        [ 复制链接 ]

        26

        主题

        45

        帖子

        341

        积分

        管理员

        Rank: 9Rank: 9Rank: 9

        积分
        341
        在D5BitmapUI中的位图数字集组件主要用于游戏中的数值显示,例如血量,经验,战力等等。因为这些数值一般需要美化的显示方式,普通的设备内嵌字体无法满足要求。本文中,我们将详细介绍如何使用位图数字集(D5BitmapNumber)。

        首先,作为一个以位图为基础的组件,我们需要准备好渲染所必须的素材。位图数字的素材是有格式要求的。程序会从0-9扫描素材。所以,我们需要准备一张至少包含10个数字的图片(背景?#35813;鰨?#36825;部分是美术的工作,请注意每个数字的间距是一致的。



        前端开发人员拿到素材后,通过D5Power编辑器将素材添加入素材库。建议将素材放在项目的resource/目录下,以方便统一管理。首先,通过编辑器顶部菜单的"资源"菜单,找到“素材库”。进入到素材库的编辑界面。然后在左侧的组件类型中选择数字集:



        在弹出的数字集素材库中,选择添?#26377;?#30340;素?#27169;ā?”)。然后选择刚才的位图数字素材。直接点击“下一步”即可。位图数字素材是不需要自行设置切割点的。



        点击下一步后,即可将数字集素材添加入素材库了。把素材摆放在一个合适的位置即可。

        回到界面编辑功能中,再打开数字集素材库向场景中添加数字集时,就会发现已经有了新的皮肤。直接从预览区?#29486;?#21040;主场景,即可完成添加操作。修改组件的“数字内容”,数字即可对应发生变化



        数字集是支持动态变化的。在开发时,可以通过将autoGrow属性设置为false或者true,来打开或关闭动态变化功能。

        在很多的游戏中,我们是需要其他字符的参与的,例如“156万”,“+500”,“-50”等等。这种包含特殊字符的数字集如何实现呢?7月25日更新的编辑器和D5BitmapUI框架中?#24405;?#20837;了?#28304;?#21151;能的支持。在制作素材的时候,美术只要按照前文所述的规格,将扩展字符添加到素材即可。如图


        然后,在添加到素材库时,给数字集素材设置扩展数据:


        然后就可以在编辑器中使用啦。附件中包含了本例所使用的两个素?#27169;?#35831;自行下载。





        number_white.png (6.06 KB, 下载次数: 9)

        number_white.png

        number_white2.png (6.5 KB, 下载次数: 6)

        number_white2.png
        回复

        使用道具 举报

        0

        主题

        1

        帖子

        12

        积分

        新手上路

        Rank: 1

        积分
        12
        沙发
        2018-7-25 14:53:17 只看该作者
        6666666666
        回复

        使用道具 举报

        0

        主题

        3

        帖子

        12

        积分

        新手上路

        Rank: 1

        积分
        12
        板凳
        2018-7-26 15:52:01 只看该作者
        D5大,加油,,已经走在正确的道路上了。
        回复

        使用道具 举报

        0

        主题

        6

        帖子

        15

        积分

        新手上路

        Rank: 1

        积分
        15
        地板
        2018-10-15 00:10:08 只看该作者
        来学习下,哈哈哈
        回复

        使用道具 举报

        您需要登录后才可以回帖 登录 | 立即注册

        本版积分规则

        特码生肖图2018
      2. <acronym id="2ng7a"><wbr id="2ng7a"><meter id="2ng7a"></meter></wbr></acronym>
          1. <nav id="2ng7a"></nav>

          2. <acronym id="2ng7a"><wbr id="2ng7a"><meter id="2ng7a"></meter></wbr></acronym>
              1. <nav id="2ng7a"></nav>