部署环境

Widget开发需要安装 Xcode12+iOS14+
如果新建没有对应的widget选项, 请确认更新一下开发软件

创建一个 Project

Create New Project -> 选择 iOS App Next -> 填写项目名称 -> finish

开发 iPhone 灵动岛 Widget 组件详细过程
开发 iPhone 灵动岛 Widget 组件详细过程

引入 Widget Extension

File -> New -> Target -> Widget Extension -> Next
由于是新加入的 Target, 故名字不能与项目名相同
删除Target时不能只删除文件, 还要在项目的Targets中删除

开发 iPhone 灵动岛 Widget 组件详细过程
开发 iPhone 灵动岛 Widget 组件详细过程

勾选 Include live Activity, Xcode会自动帮我们创建一个灵动岛的模版

开发 iPhone 灵动岛 Widget 组件详细过程

创建完成后会生成如下的项目结构

开发 iPhone 灵动岛 Widget 组件详细过程

代码部分

app 文件下的主要是设置软件内的展示页面的
主要看widget这个类里的