码迷,mamicode.com
首页 > 其他好文 > 详细

Egret入门学习日记 --- 第二十三篇(书中 9.9~9.11 节 内容)

时间:2019-08-01 18:47:12      阅读:168      评论:0      收藏:0      [点我收藏+]

标签:设置   sts   组件   png   结束   图集   效果   img   图文   

第二十三篇(书中 9.9~9.11 节 内容)

  今天,来9.9节。

  技术图片

  技术图片

  技术图片

  技术图片

  重点:

    1、VSlider的声明和使用。

  操作:

    1、VSlider的声明和使用。

      其实和HSlider的使用方式差不多。

      技术图片

  至此,9.9节 内容结束。

 

  开始 9.10节。

  技术图片

  技术图片

  技术图片

  技术图片

  技术图片

  技术图片

  技术图片

  技术图片

  技术图片

  技术图片

  技术图片

  技术图片

  技术图片

  重点:

    1、配合TextureMerger,生成艺术字图集资源。

    2、导入艺术字资源,并使用。

    3、调整艺术字间距。

  操作:

    1、配合TextureMerger,生成艺术字图集资源。

      打开TextureMerger,选择Bitmap Font 。

      技术图片

      点击添加字符。

      技术图片

      然后选择我准备好的素材,点击打开。

      技术图片

      然后起好名字,点击确定。

      技术图片

      额。。。碰到问题了。

      技术图片

      这和书中所描述的不符啊。

      技术图片

      去群里问问看吧。。。踩到坑了。

        咳咳。。。好了,我知道是什么原因了。是我找的素材有问题。我重新又找了一波素材。

        所以大家一定要去下载,正确的素材,正确格式的素材。

        技术图片

      稍微调整一下。

       技术图片

      导出。

       技术图片

      导出后的文件。

      技术图片

    2、导入艺术字资源,并使用。

      导入就简单啦。

      技术图片

      开始创建一个 MyFontTestSkin.exml 文件,并拖入一个 BitmapLabel 组件。

      技术图片

      选择位图文本。

      技术图片

      立马见效。

      技术图片

      接下来就是创建绑定类。

      技术图片

      然后添加视图实例的运行效果。

      技术图片

    3、调整艺术字间距。

      可以通过 letterSpacing 属性来调节 字体间距。

      技术图片

      运行效果。

      技术图片

  至此,9.10节 结束。

 

  开始 9.11节。

  技术图片

  技术图片

  技术图片

  技术图片

   重点:

    1、Image组件的创建和使用。

  操作:

    1、Image组件的创建和使用。

      准备好资源的名字,并复制资源名。

      技术图片

      代码开始,并设置资源名。

      技术图片

      除了这种方式,还有纹理、base64的方式。

      来看看纹理的方式。

      技术图片

      最后是base64。

      先复制base64编码。

      技术图片

      然后使用。

      技术图片

  至此,9.11节 结束。

Egret入门学习日记 --- 第二十三篇(书中 9.9~9.11 节 内容)

标签:设置   sts   组件   png   结束   图集   效果   img   图文   

原文地址:https://www.cnblogs.com/dmc-nero/p/11282132.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!