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节 内容结束。

　　

• 还没有人评论，欢迎说说您的想法！