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

Posted dmc-nero

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Egret入门学习日记 --- 第二十三篇(书中 9.9~9.11 节 内容)相关的知识,希望对你有一定的参考价值。

第二十三篇(书中 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 节 内容)的主要内容,如果未能解决你的问题,请参考以下文章

Egret入门学习日记 --- 第二十五篇(书中 9.16~9.17 节 内容)

Egret入门学习日记 --- 第二十四篇(书中 9.12~9.15 节 内容)

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

Egret入门学习日记 --- 第三十六篇(书中 10.7 ~ 10.8 节 内容)

Egret入门学习日记 --- 第六十四篇(书中 19.4 节 内容)

Egret入门学习日记 --- 第五篇