使用SwiftUI创建短信发送倒计时计时器

最新推荐文章于 2024-03-02 23:39:43 发布

IdAutoit

最新推荐文章于 2024-03-02 23:39:43 发布

阅读量330

点赞数 2

CC 4.0 BY-SA版权

文章标签： swiftui ios swift

本文链接：https://blog.youkuaiyun.com/IdAutoit/article/details/133110187

swift 专栏收录该内容

66 篇文章 ¥59.90 ¥99.00

订阅专栏

本文介绍了如何使用SwiftUI在iOS应用中创建短信发送倒计时计时器。通过创建一个新的SwiftUI项目，定义TimerView结构体，利用@State管理和Timer.publish，实现实时倒计时功能。在 ContentView 中展示倒计时UI，并提供发送短信的按钮。文章提供完整代码，帮助读者理解并实践SwiftUI计时器的实现。

在本文中，我将向您展示如何使用SwiftUI在iOS应用程序中创建一个简单的短信发送倒计时计时器。我们将使用SwiftUI的定时器和状态管理功能来实现这个功能。让我们开始吧！

首先，我们需要创建一个新的SwiftUI项目。打开Xcode并选择"Create a new Xcode project"。然后选择"App"模板并点击"Next"。填写项目的名称和其他必要的信息，然后点击"Next"。选择您喜欢的位置来保存项目并点击"Create"。

一旦项目创建完成，我们需要在ContentView.swift文件中编写我们的代码。在该文件中，我们将创建一个倒计时计时器并显示剩余时间。

首先，导入SwiftUI框架：

import SwiftUI

然后，我们将在ContentView结构体中定义一个名为TimerView的内部结构体。这个结构体将用于显示倒计时计时器的UI组件。

struct ContentView: View

了解本专栏

订阅专栏解锁全文

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

IdAutoit

关注关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

订阅专栏

SwiftUI Timer仿短信发送倒计时(教程含源码)

iCloudEnd的博客

08-03

862

实战需求 SwiftUI Timer仿短信发送倒计时 本文价值与收获看完本文后，您将能够作出下面的界面看完本文您将掌握的技能掌握timer基础使用实现三个业务逻辑的切换实现倒计时 基础知识 Timer 经过一定时间间隔后将触发的计时器，将指定的消息发送到目标对象。 class Timer : NSObject 总览 计时器与运行循环配合使用。运行循环会维护对其计时器的强引用，因此在将计时器添加到运行循环后，您不必维护自己的对计时器的强引用。为了有效地使用计时器，您应该了解运行循环的

SwiftUI macOS源码大全之倒计时App基于coredata（教程含源码）

iCloudEnd的博客

02-14

647

实战需求 SwiftUI macOS源码大全之倒计时App 本文价值与收获看完本文后，您将能够作出下面的界面关键技术 .toolbar ToolbarItem ToolbarItemGroup .keyboardShortcut @FetchRequest .onExitCommand(perform: { isShown = false }) .onSubmit({ saveTimer() }) 实战代码 import SwiftUI import CoreData // TODO N

参与评论您还未登录，请先登录后发表或查看评论

SwiftUI 日期高级组件之倒计时统计天数、分钟、秒（教程含源码）

iCloudEnd的博客

06-05

732

实战需求 SwiftUI 日期高级组件之倒计时统计天数、分钟、秒（教程含源码）本文价值与收获看完本文后，您将能够作出下面的界面基础知识 Calendar 定义日历单位（例如纪元、年份和工作日）与绝对时间点之间的关系，提供用于计算和比较日期的功能。 struct Calendar 概述 Calendar封装有关计算时间系统的信息，其中定义了一年的开始、长度和划分。它提供有关日历的信息并支持日历计算，例如确定给定日历单位的范围并将单位添加到给定的绝对时间。实战代码主界面 import S

swiftUI之定时器Timer

代码解释生活

03-01

3739

//每一秒执行一次，在主线程，common模式。立即执行 let timer = Timer.publish(every: 1, on: .main, in: .common).autoconnect() var body: some View{ VStack { Text("Hello, World!") .onReceive(timer) { //onReceive()的新修饰符来手动捕获公告,接受发布者.

Swift倒计时按钮

张璟冰的博客

12-08

1731

在需要使用倒计时按钮的地方黏贴以下代码 //倒计时验证码 func countDown(_ timeOut: Int, btn: UIButton){ //倒计时时间 var timeout = timeOut let queue:DispatchQueue = DispatchQueue.global(qos: DispatchQoS.QoSClass.default) let _timer:Dispatch

基于SwiftUI实现一个简单的验证码组件

最新发布

m0_55458534的博客

03-02

1083

**内置验证机制**：组件内置验证逻辑，当输入特定验证码（如“123456”）时，触发登录状态变化，模拟真实场景中的验证码验证过程。- **简洁的UI设计**：采用圆角边框样式的输入框，保持了界面的整洁和一致性，同时确保了良好的视觉效果和用户体验。- **倒计时反馈**：在用户请求验证码后，组件会启动一个30秒倒计时，提醒用户注意查收并及时输入验证码。- **n位数字验证码**：组件生成一个n位数字的验证码，用户需依次输入这些数字以完成验证。

iOS获取验证码倒计时效果

09-01

下面的代码示例展示了如何使用GCD创建一个倒计时器： ```swift // 创建一个全局队列 let queue = DispatchQueue.global(qos: .userInitiated) // 创建一个定时器源 var timerSource: DispatchSourceTimer? // ...

ios-短信倒计时.zip

07-11

在iOS开发中，短信倒计时功能通常用于模拟发送短信后等待验证的过程，例如验证码的获取。这个"ios-短信倒计时.zip"文件可能包含一个实现此类功能的示例项目，它分为两个页面，可能是展示倒计时的初始界面和倒计时...

SwiftUI:Timer

hhbgk的专栏

09-01

559

import SwiftUI struct ContentView: View { let timer = Timer.publish(every: 1, on: .main, in: .common).autoconnect() var body: some View { Text("Hello").onReceive(timer, perform: { time in print("Current time is \(time)

SwiftUI 精品项目之倒数计时器应用程序（教程含源码）

iCloudEnd的博客

04-14

547

实战需求 SwiftUI 精品项目之倒数计时器应用程序（教程含源码）本文价值与收获看完本文后，您将能够作出下面的界面看完本文您将掌握的技能 uikit调用swiftui视图 let contentView = ContentView(eventManager: eventManager) window.rootViewController = UIHostingController(rootView: contentView) enum 枚举类型控制界面显示 enum RowType:

SwiftUI中的倒计时影片混乱-Swift开发

05-27

swift-好用的iOS倒计时按钮

08-15

在我们开发中常常会遇到注册、验证信息的需求这个时候我们需要向服务器发送请求来获得验证码,通常需要进行获取倒计时操作.

swift-SnapTimer定制UIView模仿Snapchat'sstories定时器效果

08-15

SnapTimer：定制 UIView 模仿 Snapchat's stories 定时器效果

SwiftUI 实战之如何设置倒计时时间间隔(教程含源码)

iCloudEnd的博客

07-11

1107

本文价值与收获看完本文后，您将能够作出下面的界面基础知识 UIDatePicker.Mode.countDownTimer 显示小时和分钟值的模式，例如[1 | 53]。应用程序必须将计时器设置为以适当的间隔触发，并将日期选择器设置为秒数记下。 case countDownTimer = 3 代码 import SwiftUI struct ContentView: View { @State var date = Date() var body: some View {

SwfitUI基础之定时器Timer实现自动循环调用

iCloudEnd的博客

04-08

906

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

SwiftUI 7GUIs编程基准之 04 定时器掌握并发性、竞争性用户、信号交互、响应性（教程含源码）

iCloudEnd的博客

05-22

365

实战运行效果什么7GUIs编程基准有无数种不同语言的 GUI 工具包，以及各种 GUI 开发方法。然而，他们之间的认真比较是罕见的。而在传统的基准测试中，竞争实现是根据它们的资源消耗进行比较的，而这里的实现是根据它们的符号进行比较的。为此，7GUIs 定义了代表 GUI 编程中典型挑战的七个任务。此外，7GUIs 提供了一组推荐的评估维度。定时器挑战：并发性、竞争性用户/信号交互、响应性。任务是构建一个框架，其中包含经过时间e的量规G 、将经过时间显示为数值的标签、在计时器运行时可以调整

SwiftUI 合成组件之倒计时组件Timer和Struct组合使用（教程含源码）

iCloudEnd的博客

06-02

612

实战需求 SwiftUI 合成组件之倒计时组件Timer和Struct组合使用（教程含源码）本文价值与收获看完本文后，您将能够作出下面的界面基础知识 Timer 经过一定时间间隔后将触发的计时器，将指定的消息发送到目标对象。 class Timer : NSObject 总览 计时器与运行循环配合使用。运行循环会维护对其计时器的强引用，因此在将计时器添加到运行循环后，您不必维护自己的对计时器的强引用。为了有效地使用计时器，您应该了解运行循环的运行方式.计时器不是实时机制。如果在长时间运

「SwiftUI」DateFormatter使用和时间倒计时

danjiujiaohun的博客

04-20

3412

SwiftUI DateFormatter使用和时间倒计时

SwiftUI——延迟执行操作/定时自动执行操作（使用计时器Timer以及异步DispatchQueue.main.asyncAfter）

ZhongUncle的博客

03-14

9787

在开发软件的过程中，我们不仅需要用户点击的时候执行操作，有时候还需要定时自动进行一些操作。比如最常见的开屏广告倒计时关闭，还比如一些动画效果。实现这些一般有两种方法：一种是使用计时器Timer，一种是使用异步操作。 计时器Timer的优势在于可以一直自动运行，直到销毁。缺点在于时间间隔是固定的，不好调整（理论上可以使用一个变量控制间隔，但是可能会比较麻烦）。异步操作的优势在于可以把握一个 ...