openHarmony arkTs 表格中过长文字的滚动显示,类似LED屏的滚动显示效果

受限于开发板设备上的系统版本,只能使用API8

 Text(item.state)
                  .offset({
                    x: this.offsetX
                  })
                  .commonTdTextStyle()
                  .fontColor(GetColor(index))
                  .width(200)
                  .onAppear(() => {
                    animateTo({
                      duration: 5000,
                      curve: Curve.Linear,
                      delay: 500,
                      iterations: -1, // 设置-1表示动画无限循环
                      playMode: PlayMode.Alternate,
                      onFinish: () => {

                      }
                    }, () => {
                      this.offsetX = -200
                    })
                  })
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.

我的想法是让文字通过动画接口animateTo方法移动,但是这个Text控件是浮动在整个表格上的。

求助如何解决这个问题

OpenHarmony
定制开发
2023-11-23 15:54:13
6822浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
Richarde

跑马灯效果可使用marquee组件,具体使用可参考以下地址:​​https://developer.harmonyos.com/cn/docs/documentation/doc-references/ts-basic-components-marquee-0000001333720945​


分享
微博
QQ
微信
回复
2023-11-24 11:20:05


相关问题
过长文字如何滚动显示
2111浏览 • 1回复 待解决
过长文字如何滚动显示,有人知道吗?
2207浏览 • 1回复 待解决
openharmony jsFA 如何横显示
7772浏览 • 1回复 待解决
ListContainer 有滚动显示吗?
5954浏览 • 1回复 待解决
请问ScrollView怎么显示滚动条?
5940浏览 • 1回复 待解决
webviewControllerloadData无法显示长文
2173浏览 • 1回复 待解决
Text文本过长时如何实现上下滚动
1225浏览 • 1回复 待解决
HarmonyOS 多条文字滚动
535浏览 • 1回复 待解决
是否可以实现滚动锚定效果
1119浏览 • 1回复 待解决
华为鸿蒙无法滚动
1131浏览 • 1回复 待解决
HarmonyOS 如何实现滚动渐变效果
826浏览 • 1回复 待解决
栅格布局怎么实现滚动效果
1153浏览 • 0回复 待解决