如何实现小程序中的两种滚动公告栏功能？

本文共计949个文字，预计阅读时间需要4分钟。

首先，效果图：- 横向滚动条实现- 网上的几种方案或多或少的都有一些问题：

1. `setData` 定时器更新 `TextView` 的 `margin-left` 方法，由于 `setData` 的延迟，动画播放起来一卡一卡的；

2.使用 CSS 实现滚动，效果更流畅，但 `key` 值设置复杂。

先上效果图：

横向滚动栏实现：
网上的几种方案或多或少都有一些问题：
1.setData定时器更新text view的margin-left方法，由于setData的毫秒延时，动画播放起来一卡一卡；
2.纯CSS实现，keyframe等，无法实现循环播放的设置；
3.使用string.length*font-size的方法获取字符串像素长度，不够精确，多次循环播放后误差会累积变大。
我采用的animate动画方法，实测动画流畅，循环播放无误差。