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新知",每天准时分享一个新知识,这里只是同步,想要及时学到就来关注我吧!

相关推荐
东坡肘子4 小时前
高温与奇怪的天象 | 肘子的 Swift 周报 #092
人工智能·swiftui·swift
Swift社区4 小时前
Swift 解 LeetCode 320:一行单词有多少种缩写可能?用回溯找全解
开发语言·leetcode·swift
Frank学习路上15 小时前
【IOS】XCode创建firstapp并运行(成为IOS开发者)
开发语言·学习·ios·cocoa·xcode
程序员老刘19 小时前
Android 16开发者全解读
android·flutter·客户端
瓜子三百克1 天前
CALayer的异步处理
macos·ios·cocoa
吴Wu涛涛涛涛涛Tao1 天前
一步到位:用 Very Good CLI × Bloc × go_router 打好 Flutter 工程地基
flutter·ios
杂雾无尘1 天前
开发者必看:如何在 iOS 应用中完美实现动态自定义字体!
ios·swift·apple
某非著名程序员1 天前
Flutter 新手绕不过的坑:ListView 为啥顶部老有空白?
flutter·客户端
kymjs张涛1 天前
零一开源|前沿技术周报 #6
前端·ios·harmonyos
与火星的孩子对话2 天前
Unity进阶课程【六】Android、ios、Pad 终端设备打包局域网IP调试、USB调试、性能检测、控制台打印日志等、C#
android·unity·ios·c#·ip