深入探索iOS小组件开发：SwiftUI Widget Extension实践教程

时间：10-29 现代故事提交错误

大家好，今天给各位分享深入探索iOS小组件开发：SwiftUI Widget Extension实践教程的一些知识，其中也会对进行解释，文章篇幅可能偏长，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在就马上开始吧！

SwiftUI 的语法有点类似于Flutter。它们是一个一个的小组件，拼接成最终的UI效果。 VStack表示Vertical垂直布局，相当于Y轴 HStack表示Horizon水平布局，相当于X轴 ZStack表示分层布局，相当于Z轴 GeometryReader的作用是获取父视图的proxy，proxy.size.width，proxy.size.height 其他控件比较容易理解，比如Text、Image、Button等。以下代码是布局小部件的代码。中间的组件不会突出。如果您需要的话请联系我。导入SwiftUI 结构WidgetSmallView :视图{ @Environment(.colorScheme) private var colorScheme var Entry: WWProvider.Entry var body: 一些视图{ GeometryReader { 代理in VStack(alignment:leading, 间距: 22, content: { HStack(alignment:center, 间距: 6, content: { 图像（"widget_location"） .resizing() .frame(宽度: 25.5，高度: 25.5，对齐方式:center) VStack(alignment:leading, 间距: 2, content: { Text("AAAAA").font(.custom("DIN Alternate", size: 10)).fontWeight(.semibold).foregroundColor(Color(hex:0x9b9b9b)) Text("BBBBBB").font(.custom("DIN Alternate", size: 10)).fontWeight(.semibold).foregroundColor(Color(hex:0x9b9b9b)) })

}) 文本（"CCCCC"） .font(.custom("DINAlternate-Bold", size: 24)) .fontWeight(.bold) .foregroundColor(colorScheme==.dark ? Color.white : Color(hex:0x231916)) + 文本("ccc") .font(.custom("DIN 替代", size: 10)) .fontWeight(.semibold) .foregroundColor(colorScheme==.dark ? Color.white : Color(hex:0x231916)) HStack(alignment:center, 间距: 12.5, content: { Text("DDDDD").font(.custom("DIN Alternate", size: 10)).fontWeight(.semibold).foregroundColor(Color(hex:0x9b9b9b)) Text("EEEEE").font(.custom("DIN Alternate", size: 10)).fontWeight(.semibold).foregroundColor(Color(hex:0x9b9b9b)) }) }).frame(width: proxy.size.width，height: proxy.size.height，alignment:center) .background(colorScheme==.dark ? Color(hex:0x2C2C30) : Color.white) //跳转链接，需要在AppDelegate中接收这个值 }.widgetURL(URL.init(string: "widget://jump-small-action")) } }

知识点一：

点击widget后，App如何响应指定的代码，或者跳转到相应的链接或页面？下面两种方法可以实现可以添加到任何小部件 .widgetURL(URL.init(string: "widget://jump-small-action")) 起初我想用Button来实现按钮点击效果。我发现这更有用。下面的效果类似于上图下文字。按钮，点击跳转到App 链接(destination: URL(string: "widget://xxxxx

xxx")! label: {

虚拟堆栈{

图像（"