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