Egret入门学习日记 --- 第二十九篇(书中 9.20 节 内容)

第二十九篇(书中 9.20 节 内容)

  开始 9.20 节。

  Egret入门学习日记 --- 第二十九篇(书中 9.20 节 内容)

  Egret入门学习日记 --- 第二十九篇(书中 9.20 节 内容)

  Egret入门学习日记 --- 第二十九篇(书中 9.20 节 内容)

  Egret入门学习日记 --- 第二十九篇(书中 9.20 节 内容)

  Egret入门学习日记 --- 第二十九篇(书中 9.20 节 内容)

  Egret入门学习日记 --- 第二十九篇(书中 9.20 节 内容)

  Egret入门学习日记 --- 第二十九篇(书中 9.20 节 内容)

  Egret入门学习日记 --- 第二十九篇(书中 9.20 节 内容)

   Egret入门学习日记 --- 第二十九篇(书中 9.20 节 内容)

  Egret入门学习日记 --- 第二十九篇(书中 9.20 节 内容)

  Egret入门学习日记 --- 第二十九篇(书中 9.20 节 内容)

  Egret入门学习日记 --- 第二十九篇(书中 9.20 节 内容)

  Egret入门学习日记 --- 第二十九篇(书中 9.20 节 内容)

  Egret入门学习日记 --- 第二十九篇(书中 9.20 节 内容)

  Egret入门学习日记 --- 第二十九篇(书中 9.20 节 内容)

  Egret入门学习日记 --- 第二十九篇(书中 9.20 节 内容)

  Egret入门学习日记 --- 第二十九篇(书中 9.20 节 内容)

  重点:

    1、掌握滚动文本的使用。

    2、文本的高度超过ScrollerText组件的高度后,出现显示不全的情况如何处理。

    3、不使用EXML文件的方式,直接使用代码的方式来创建 ScrollerText 组件。

  操作:

    1、掌握滚动文本的使用。

       第一步:创建exml文件,拖入组件并设置组件的属性。

        创建 ScrollerTextSkin.exml 文件,并拖入组件Scroller,并且约束住Scroller四个角。

        Egret入门学习日记 --- 第二十九篇(书中 9.20 节 内容)

        拖入的Label组件,起好ID名,并且设置好100%宽度,以及比较高的高度。

        Egret入门学习日记 --- 第二十九篇(书中 9.20 节 内容)

        同时,要设置 换行属性为true 和 多行文本属性为true 。

          Egret入门学习日记 --- 第二十九篇(书中 9.20 节 内容)

          Egret入门学习日记 --- 第二十九篇(书中 9.20 节 内容)

      第二步:创建绑定类。

        创建一个 ScrollerText.ts 文件。

        Egret入门学习日记 --- 第二十九篇(书中 9.20 节 内容)

        实例化。

        Egret入门学习日记 --- 第二十九篇(书中 9.20 节 内容)

      第三步:运行查看效果

        Egret入门学习日记 --- 第二十九篇(书中 9.20 节 内容)

    2、文本的高度超过ScrollerText组件的高度后,出现显示不全的情况如何处理。

      先来看看问题的具体情况:

        这是我想要显示的文本内容。

        Egret入门学习日记 --- 第二十九篇(书中 9.20 节 内容)

        可见,非常的长。然后我们来看运行项目时,内容的显示问题。

        Egret入门学习日记 --- 第二十九篇(书中 9.20 节 内容)

        大家可以看到,内容好像是被限制了,还记得我之前给Label的高度吗?

          当时我是设置了1000。

          Egret入门学习日记 --- 第二十九篇(书中 9.20 节 内容)          

        所以,我们要让Label的高度,等于文本的高度才行。

        Egret入门学习日记 --- 第二十九篇(书中 9.20 节 内容)

        设置好了代码后,就可以看看效果了。

        Egret入门学习日记 --- 第二十九篇(书中 9.20 节 内容)

        这样就没问题了。

        对了,关于加载txt文件的问题,书中提供的RES.getRes()方法并不管用。

        我是去官网找到了解决方案。

        Egret入门学习日记 --- 第二十九篇(书中 9.20 节 内容)

        然后自己封装了一下。

        Egret入门学习日记 --- 第二十九篇(书中 9.20 节 内容)

    3、不使用EXML文件的方式,直接使用代码的方式来创建 ScrollerText 组件。

       不行!我要吐槽!!!XX!!绿色健康小清新!!!

      按照书中的代码,根本猫用都没有!!

      这是我修改后没问题的代码。

      Egret入门学习日记 --- 第二十九篇(书中 9.20 节 内容)

      Egret入门学习日记 --- 第二十九篇(书中 9.20 节 内容)

      Egret入门学习日记 --- 第二十九篇(书中 9.20 节 内容)

      最后,看一下运行效果。

      Egret入门学习日记 --- 第二十九篇(书中 9.20 节 内容)  

  至此,9.20节 内容结束。

  

上一篇:游戏引擎用什么语言


下一篇:Egret入门学习日记 --- 第十九篇(书中 8.8~8.10 节 内容)