鸿蒙HarmonyOS 实现一个上下滚动的广告控件

广告功能基本上算是每个软件的必备功能之一，常见的除了轮播图，列表之外，就是上下滚动的形式。广告内容不仅支持上下滚动，还需要支持手势操作，以及关闭当前正在预览的广告内容。在 Android 或 iOS 上要想实现这样的功能并不容易，那么在鸿蒙上怎么实现这样的功能呢？本篇文章教你使用最简单的方式实现一个支持上下滚动的广告控件，建议点赞收藏！

实现效果

需求分析

1. 广告控件支持基本的上下自动滚动和手动滑动。
2. 支持广告删除功能。

3. 支持自定义播放时间间隔，是否自动播放等功能。

技术实现

1. 首先从需求上来看，需要一个支持上下滚动的控件作为广告的容器，一般的做法是先从现有的容器组件中查找是否能满足需求的组件。这里使用的是官方提供的 Swiper 组件。Swiper 组件不仅支持内容的上下滑动还支持左右滑动。
   Swiper(this.swiperController)
2. 确定好容器后，下面就是初始化数据填充组件，这里使用数组作为数据源，用 ForEach 遍历数据源，注意如果数据量较大，为了提高更好的性能，使用 LazyForEach 懒加载的方式替代 ForEach。

   ForEach(this.data, (item: string,index:number) => {
             Row() {
               Text(item)
                 .fontColor(0xfff5a51c)
                 .fontSize(12)
                 .layoutWeight(1)
               Im