IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 移动开发 -> SwiftUI——延迟执行操作/定时自动执行操作(使用计时器Timer以及异步DispatchQueue.main.asyncAfter) -> 正文阅读

[移动开发]SwiftUI——延迟执行操作/定时自动执行操作(使用计时器Timer以及异步DispatchQueue.main.asyncAfter)

在开发软件的过程中,我们不仅需要用户点击的时候执行操作,有时候还需要定时自动进行一些操作。比如最常见的开屏广告倒计时关闭,还比如一些动画效果。实现这些一般有两种方法:一种是使用计时器Timer,一种是使用异步操作。

优势与缺点

  • 计时器Timer是控制多长时间调用一次功能,也就是说Timer的优势在于可以一直自动运行,直到销毁。缺点在于时间间隔是固定的,不好调整(理论上可以使用一个变量控制间隔,但是可能会比较麻烦)。一般需要实现计时器功能的就选这个。
  • 异步操作是控制这个调用前需要等待多久。也就是说,异步的优势在于可以控制这个间隔的长度。缺点就是不方便一直运行。一般需要等一段时间运行就使用这个,例如加载素材、网络资源等;或者实现一些奇特的效果。

计时器Timer的使用方法

首先我们需要新建一个Timer,使用以下方法来创建。最后的.autoconnect()用于自动启动连接这个计时器,我们也可以使用.connect()来手动连接激活。

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

这里介绍一下这几个参数:

  • every::这个参数用于控制Timer多久更新一次,单位是秒。这里的3表示3秒。
  • on::这个表示什么时候寄激活这个Timer。这里的.main表示在主线程运行的时候开始激活(也就是app开始运行的时候就激活)。还有个.current表示在当前线程运行的时候激活(就是表示当前view界面显示的时候激活)。这里最好不要在一个线程激活另一个线程上的计时器,这可能会导致错误的结果。
  • in::这个是Timer的循环模式。有.common.default.tracking.common包含一个或多个其他运行循环模式的伪模式,使用此模式将对象添加到运行循环时,运行循环在任何常见模式下运行时都会监控对象。有关向公共模式集添加运行循环模式的详细信息,请参阅CFRunMode.default设置为处理连接对象以外的输入源的模式,是最常用的运行循环模式。.tracking在控件中跟踪时设置的模式,可以使用此模式添加跟踪期间触发的计时器。

需要注意的是,如果是macOS开发,还会有两个多的模式:.eventTracking.modalPanel.eventTracking是以模态跟踪事件时设置的模式,例如鼠标拖动循环。.modalPanel是等待模态面板(如保存或打开面板)输入时设置的模式。

然后是关闭断开Timer,方法如下:

self.timer.upstream.connect().cancel()

Timer看起来很复杂,但是使用其实不用想那么多。接下来讲一讲创建完Timer之后如何使用。

在SwiftUI中,我们可以让视图在一些数据更改的时候进行一些操作,方法是使用.onReceive(),具体方法如下:

.onReceive(timer) { _ in
	print("计时器活动,加1秒")
}                                 

然后来写一个简单的计时器界面,从5开始倒计时,计时完之后再次循环:

struct TimerView: View {
    @State private var timer = Timer.publish(every: 1, on: .main, in: .common).autoconnect()
    @State private var countNum = 5
    var body: some View {
        Text("\(countNum)")
            .onReceive(timer) { input in
                if countNum > 0{
                    countNum -= 1
                } else if countNum == 0{
                    countNum = 5
                }
            }
    }
}

异步操作DispatchQueue

接下来说一下异步操作DispatchQueue,这个也是很常用的,尤其是需要加载数据或者做效果、动画的时候,非常好用。

使用方法如下:

DispatchQueue.main.asyncAfter(deadline: .now() + .seconds(1), execute: {
    print("等待结束了!")
})

介绍一下参数:

  • deadline::什么时候进行操作,这里的.now() + .seconds(1)表示当前时间开始等待1秒。
  • execute::需要进行什么操作。

这个相对来说更简单一些,就不过多介绍了。

  移动开发 最新文章
Vue3装载axios和element-ui
android adb cmd
【xcode】Xcode常用快捷键与技巧
Android开发中的线程池使用
Java 和 Android 的 Base64
Android 测试文字编码格式
微信小程序支付
安卓权限记录
知乎之自动养号
【Android Jetpack】DataStore
上一篇文章      下一篇文章      查看所有文章
加:2022-03-16 22:32:50  更:2022-03-16 22:34:31 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/24 19:17:51-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码