iOS 小组件开发第六篇:点击事件和交互

这里每天分享一个 iOS 的新知识,快来关注我吧

前言

前面已经讲了几期小组件相关的内容,在看这篇之前可以先去回顾一下:

iOS 小组件开发第一篇:基础介绍
iOS 小组件开发第二篇:时间线
iOS 小组件开发第三篇:实战
iOS 小组件开发第四篇:小组件的尺寸
iOS 小组件开发第五篇:开发可配置的小组件

今天来讲讲小组件的点击事件,以及如何响应用户的事件。

小型组件

对于小型组件(systemSmall),可以直接将 widgetURL(_:) 视图修饰符添加到小组件视图层次结构中的视图上:

css 复制代码
struct MyWidgetEntryView : View {
    var entry: Provider.Entry

    var body: some View {
        VStack {
            Text(entry.date, style: .date)
        }
        .widgetURL(URL(string: "iosnews://iosNews.com/p1=1&p2=2"))
    }
}

这样就给小组件绑定了一个 URL,当用点击这个小组件时,会调用主 App 内的回调方法,具体调用哪个方法取决于:

  1. 如果你的主 App 用 SwiftUI,则调用 onOpenURL(perform:) 方法。

  2. 如果你的主 App 用 SceneDelegate 管理生命周期,则调用 scene(_:, openURLContexts:) 方法。

  3. 如果你的主 AppAppDelegate 管理生命周期,则调用 application(_:open:options:) 方法

注意应该只在小组件的视图层次结构中添加一次 widgetURL,如果添加多个,可能会导致最终无法确定执行的是哪一个

中型组件和大型组件

对于中型组件和大型组件,不仅可以使用 widgetURL,还可以使用 Link 组件,Link 组件相当于是一个可点击的容器,上边可以设置一个自定义的 URL,比如我们在小组件上设置三个按钮:

less 复制代码
struct MyWidgetEntryView : View {
    var entry: Provider.Entry

    var body: some View {
        HStack(spacing: 10) {
            Link(destination: URL(string: "https://www.link1.com")!, label: {
                Text("链接1").foregroundColor(.blue)
            })
            
            Link(destination: URL(string: "https://www.link2.com")!, label: {
                Text("链接2").foregroundColor(.blue)
            })
            
            Link(destination: URL(string: "https://www.link3.com")!, label: {
                Text("链接3").foregroundColor(.blue)
            })
        }
        .widgetURL(URL(string: "iosnews://iosNews.com/p1=1&p2=2"))
    }
}

这时候分别点击三个链接都是可以点击的。

在 iOS 17 上 systemSmall 类型的貌似也支持 Link 组件了,关于 iOS 17 新出的可直接交互的小组件,我们后面再讲。

这里每天分享一个 iOS 的新知识,快来关注我吧

本文同步自微信公众号 "iOS新知",每天准时分享一个新知识,这里只是同步,想要及时学到就来关注我吧!

相关推荐
2501_915918416 小时前
Web 前端可视化开发工具对比 低代码平台、可视化搭建工具、前端可视化编辑器与在线可视化开发环境的实战分析
前端·低代码·ios·小程序·uni-app·编辑器·iphone
2501_915106327 小时前
iOS 使用记录和能耗监控实战,如何查看电池电量消耗、App 使用时长与性能数据(uni-app 开发调试必备指南)
android·ios·小程序·uni-app·cocoa·iphone·webview
凉白开<--7 小时前
mardown-it 有序列表ios序号溢出解决办法
ios·vue
Digitally8 小时前
如何将 iPhone 备份到电脑/PC 的前 5 种方法
ios·电脑·iphone
Swift社区10 小时前
在企业内部分发 iOS App 时如何生成并使用 manifest.plist
macos·ios·cocoa
他们都不看好你,偏偏你最不争气13 小时前
【iOS】push 和 present
ios
却尘15 小时前
Server Actions 深度剖析(2):缓存管理与重新验证,如何用一行代码干掉整个客户端状态层
前端·客户端·next.js
2501_9160137416 小时前
HTTPS 抓包难点分析,从端口到工具的实战应对
网络协议·http·ios·小程序·https·uni-app·iphone
2501_9159184118 小时前
uni-app 项目 iOS 上架效率优化 从工具选择到流程改进的实战经验
android·ios·小程序·uni-app·cocoa·iphone·webview
00后程序员张18 小时前
如何在不同 iOS 设备上测试和上架 uni-app 应用 实战全流程解析
android·ios·小程序·https·uni-app·iphone·webview