其他分享
首页 > 其他分享> > Egret入门学习日记 --- 第二十九篇(书中 9.20 节 内容)

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

作者:互联网

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

  开始 9.20 节。

  

  

  

  

  

  

  

  

   

  

  

  

  

  

  

  

  

  重点:

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

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

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

  操作:

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

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

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

        

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

        

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

          

          

      第二步:创建绑定类。

        创建一个 ScrollerText.ts 文件。

        

        实例化。

        

      第三步:运行查看效果

        

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

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

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

        

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

        

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

          当时我是设置了1000。

                    

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

        

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

        

        这样就没问题了。

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

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

        

        然后自己封装了一下。

        

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

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

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

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

      

      

      

      最后,看一下运行效果。

        

  至此,9.20节 内容结束。

  

标签:Egret,9.20,创建,高度,第二十九,ScrollerText,组件,文本
来源: https://www.cnblogs.com/dmc-nero/p/11314511.html