首页 > 其他 > 详细

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

时间:2019-08-07 19:35:27      阅读:97      评论:0      收藏:0      [点我收藏+]

第二十九篇(书中 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 节 内容)

原文:https://www.cnblogs.com/dmc-nero/p/11314511.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!