SwiftUI 特色组件之创建强大的Marquee 跑马灯滚动条（教程含源码）

实战需求

创建强大的Marquee 滚动

本文价值与收获

看完本文后，您将能够作出下面的界面

解决方案

什么样的跑马灯才厉害？

• 它必须支持任何内容视图（MarqueeLabel仅支持文本）。
• 它可以自定义动画持续时间、自动反转、方向等。
• 它可以任意组合使用。

跑马灯动画原理

其原理是，内容视图从移动一端选取框到另一个，并且循环重复完成之后。

实施步骤

所述第一步骤是获得选取框和内容视图的宽度。关于这一点，可以使用GeometryRea