要开发新的 Widget 组件, 首先你要准备 Xcode 12 Beta 版本, 以及一台安装了 iOS 14 Beta 版本的设备, 或者直接使用模拟器.

1.在 Xcode 12 中创建一个新项目, 并且在项目设置页面里,点击左下角的箭头创建新的 Target:

ios widget在哪编辑 苹果widget没有编辑_数据

2.在弹出的组件选择窗口中, 在右上角的搜索栏中输入 widget , 然后在过滤后列表中选中 Widget Extension , 点击 Next 继续.

ios widget在哪编辑 苹果widget没有编辑_数据_02

2.接着, 输入 widget 的名称, 根据需求选择 Include Configuration Intent 的选择, 点击 Finish

ios widget在哪编辑 苹果widget没有编辑_ide_03

不勾选小组件事没有编辑功能的,我的项目是需要勾选的

3,勾选之后创建项目会多出来这些

ios widget在哪编辑 苹果widget没有编辑_Time_04

4.默认Widget文件结构分析

1)@main
struct WidgetUI: Widget {
    
    let kind: String = "WidgetUI"

     var body: some WidgetConfiguration {
        
      return  IntentConfiguration(kind: kind,

这里就是widget的main入口函数了,不勾选ConfigurationIntent 这里应该是个staictConfiguration

 

    func placeholder(in context: Context) -> SimpleEntry {

2)Provider主要用于数据刷新

     placeholder :系统让你的 view 自动渲染一个占位图。

   getSnapshot:快照预览为了在小部件库中显示小部件,在你添加widget时候,预览的样式。当部件还没有从服务器获取状态    时,Provider通过显示一个空状态来实现getSnapshot方法。

getTimeline:在请求初始快照后,WidgetKit调用getTimeline(for:with:completion:)向提供者请求一个常规的时间线。时间线由一个或多个时间线条目和一个重载策略组成,告知WidgetKit何时请求后续时间线。

  Widget的刷新策略

    Timeline里面有三种方式:atEnd,after(date),never

  • atEnd: timeline 中最后一个 entry 显示后更新。timelines 方法会重新调用。
  • after(date): 指定日期,重新更新timeline。
  • never:系统不会自动更新,除非我们主动通过 Widget Center Api 来更新

所以要是做时钟时间空间就要刷新的频繁了 in 0 ..< 60

 let entryDate = Calendar.current.date(byAdding: .second, value: hourOffset, to: currentDate)!

 

3)SimpleEntry 就是数据了,像电量及时刷新的数据可以放到里面

struct SimpleEntry: TimelineEntry {
     let date: Date
     let configuration: ConfigurationIntent    let batteryLevel: Float
}

4)WidgetUIEntryView这里就是写页面布局的地方了

5)编辑功能有静态和动态的

ios widget在哪编辑 苹果widget没有编辑_ios_05

静态的不用勾选Dynamic 选择所需要的类型在表里面添加所需要的数据

如选择枚举类型进行添加type1,type2,编辑小组件的时候会出现type1,type2选择的列表

我这里用的是动态的

动态的需要加另外一个extension

ios widget在哪编辑 苹果widget没有编辑_Time_06

会出现

ios widget在哪编辑 苹果widget没有编辑_ios_07

class IntentHandler: INExtension, ConfigurationIntentHandling{
     
     func provideModelOptionsCollection(for intent: ConfigurationIntent, with completion: @escaping (INObjectCollection<LRDModel>?, Error?) -> Void) {     let collection = INObjectCollection(items:list)
         completion(collection, nil)}

在这里可以返回你所需的动态数据,当然返回的是之前定义数据类型的一个集合

可以用UserDefaults.init(suiteName:)或者 FileManager 与主app进行数据共享

在获取文件路径转字符串时用.path 不要用absoluteString 返回的结果不一样

.path file:/Users/admin/Library/
absoluteString
file:///Users/admin/Library/

补充:

之前在刷新控件的时候用的是

let timeline = Timeline(entries: entries, policy: .atEnd)这种机制

填充entry使时间一秒一秒的变化,做到时间准确,(有的说可以),但是我这边总是有时候会停止一段时间,然后在刷新,widget是有自己的刷新机制的,并不会按照要求刷新的那么快

于是换了思路(当然如果你的是时间包括显示秒的话这种是不行的,只能精确到分钟,秒动的话可以使用text 的timer)

let timeline = Timeline(entries: entries, policy: .after(entryDate))

这种方式

记录当前启动widget使距离整分剩余的秒数

let lastSecond = Int(currentDate.timeIntervalSince1970)%60

let intSecond :Int = 60 - lastSecond

这里填充20分钟的数据

for secondOffset in 0 ..< 20{
                     if secondOffset == 0{
                         /// 第一条用当前时间
                         let entry = SimpleEntry(date: currentDate, ...);
                         entries.append(entry)
                     }else if secondOffset == 1{
                      /// 第二条用剩余的秒数凑够一分钟
                         let entryDate = Calendar.current.date(byAdding: .second, value: intSecond , to: currentDate)!
                         let entry = SimpleEntry(date: entryDate, .....)
                         entries.append(entry)
                    } else{
                         /// 用当前时间 - 非整分钟 ,之后按整分钟数据添加
                         let entryDate = Calendar.current.date(byAdding: .minute, value: hourOffset, to: currentDate - TimeInterval(lastSecond))!
                         let entry = SimpleEntry(date: entryDate.....)
                         entries.append(entry)
                     }// 填充的数据不到20分钟,这里我用了15分钟之后再刷新
let entryDate = Calendar.current.date(byAdding: .minute, value: 15, to: currentDate)!
                 let timeline = Timeline(entries: entries, policy: .after(entryDate))}