SwiftUI实战之轮播图组件实现自动切换图片(教程含源码)

本文价值与收获

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

image.png

Jietu20200408-195745.gif

看完本文您将掌握的技能

• 掌握页面切换
• 掌握手势控制
• 掌握定时器

解决方案

1、使用定时器解决切换问题(如果掌握可以跳过)

iOS带有内置的Timer类，使我们可以定期运行代码。它使用来自Apple框架称为Combine的发布者系统。实际上，在本系列的许多应用中，我们实际上一直在使用Combine的一部分，尽管您不太可能注意到它。例如，@ Published属性包装器和ObservableObject协议都来自Combine，但是我们不需要知道，因为当您导入SwiftUI时，我们也会隐式地导入Combine的一部分。

Apple的核心系统库称为Foundation，它为我们提供了诸如Data，Date，NSSortDescriptor，UserDefaults之类的功能。它还为我们提供了Timer类，该类旨在在一定的秒数后运行函数，但它也可以重复运行代码。 Combine对此添加了扩展，以便计时器可以成为发布者，这些发布者会在其值更改时宣布。这是@Published属性包装器的名称来源，计时器发布者以相同的方式工作：达到您的时间间隔时，Combine将发出包含当前日期和时间的公告。

创建计时器发布者的代码如下所示：

let timer = Timer.publish(every: 1, on: .main, in: .common).autoconnect()

我们可以用下面方式接收切换：

Text("Hello, World!")
    .onReceive(timer) { time in
        print("The time is now \(time)")
    }

2、使用取模操作实现循环切换

通过Timer我们实现了每秒调用一次，但是如何循环播放呢？也就是从第一张照片按照顺序展示，然后再从第最后一张返回第一张。
要实现上面的需求，我们要用的swift中的%操作了，具体代码如下：

  self.index = (self.index+1) % 5

3、 制作单独页面用于存储照片