iOS14 小组件 开发1

8,383 阅读3分钟

前言:小组件的开发和我们正常情况开发App的逻辑是一样的,正常情况分为:网络请求,数据模型,view,渲染.只不过是小组件的开发使用了 swiftUI 语言来编写,所以要对SwiftUI的空间有所了解.

好!那我们接下来开始我们的小组件开发吧.

首先,创建Widget Extension

然后选择证书,起个名字.然后左侧的文件列表底部会出现一个文件夹

这个就是我们的小组件啦!现在可以直接运行了.系统默认显示的一个时间View

然后我们接下来逐一认识小组件的内部结构.首先找到程序执行的入口

@main:代表着Widget的主入口,系统从这里加载

kind:是Widget的唯一标识

StaticConfiguration:初始化配置代码

configurationDisplayName:添加编辑界面展示的标题

description:添加编辑界面展示的描述内容

supportedFamilies这里可以限制要提供三个样式中的哪几个

然后我们再来看,下一个Provider

Provider:为小组件展示提供一切必要信息的结构体,实现TimelineProvider协议

placeholder:提供一个默认的视图,当网络数据请求失败或者其他一些异常的时候,用于展示

getSnapshot:为了在小部件库中显示小部件,WidgetKit要求提供者提供预览快照,在组件的添加页面可以看到效果

getTimeline:在这个方法内可以进行网络请求,拿到的数据保存在对应的entry中,调用

completion之后会到刷新小组件

其中红圈里面的东西,是用来保存数据接下来我们会说到,之所以把它圈住,是因为这个坑我掉里面了,卧槽!

我们先来这里面的Poetry这个对象: 这个就是我们请求数据模型对象

看完模型,接下来就是数据请求了

模型,数据说完了 那接下来就是数据请求了:现在我们再来到 PoetryProvider 中的getTimeline 方法处:

首先记录一下,数据第一次加载的时间,然后我们要让小组件基于这个时间点,来定时刷新数据. 这里重点记录一下,注意每个方法返回的数据格式 很重要!!!,我掉里面的好多次,上面红圈那个就是这个原因. 好到这里之后,我们的数据请求下来,时间也定下来了,但是没地方放啊,这个储存数据的位置,就是 PoetryEntry 这个也是个数据模型,只不过这个是系统需要的Model.里面有时间点和数据,当然你也可以添加一些自己需要的另外的字段.

那我们拿到数据 接下来就是 View了 里面的空间都是SwiftUI的空间,这个需要了解一下,但是我还不是很熟悉.

接下来就是 把数据 ,view, 时间线 回传啦,回传给我们的程序入口那里.

第一个小组件已经完成啦,运行一下吧!

参考文章: www.jianshu.com/p/55dce7a52…