iOS14 Widget小组件开发实践4——用户属性配置

让我先吐槽下,这玩意让我踩了不少坑,网上的一些资料也都是在正式版出来之前的,在我开始整这个的时候,挺坑的。

言归正传,还记得在第一次创建Widget的时候,有一个选项我们没有勾选,Include Configuration Intent。这选项主要是用来支持你自定义一些属性配置(例如天气组件,用户可以选择城市,股票组件,用户可以选择代码等)


你可以试着重新创建一个Widget,并且勾选上,然后对比下Xcode生成的代码实现跟未勾选的代码实现有什么区别。
首先你会发现左侧目录列表出现一个后缀名为.intentdefinition的文件,至于里面的东西先略过。

Provider
新的Provider现在不再是遵守TimelineProvider,而是遵守IntentTimelineProvider协议,并且内部的三个placeholdergetSnapshotgetTimeline必实现方法的参数也多增加了一个ConfigurationIntent

SimpleEntry
SimpleEntry也增加了一个ConfigurationIntent类型的参数

Widget
Widgetd的内部body实现的配置方法由静态的StaticConfiguration换成了动态的IntentConfiguration

可以试着添加系统APP的小组件,比如天气,然后桌面上长按,会出现了一个编辑小组件的选项,点击进去可以看到允许用户编辑当前位置,用来展示不同地方的天气,具体截图不整了,自己手机看。


现在我们在已经勾选了配置选择的基础上进行操作,实现一个展示一个Text文本的小组件,通过编辑输入内容,刷新桌面小组件的Text文本。



进行.intentdefinition的页面配置


记住左侧CUSTOM INTENTSConfiguration这个名称,Xcode会根据这个名称,自动生成一个ConfigurationIntent类,这个类就是接下来需要用到的。

再回到.intentdefinition的配置页面,在下面的地方增加一个title属性,String类型,注意右边的四个选项只需要勾选第2个,根据说明就知道这个选项是允许编辑的,你可以不勾选试试效果。

回到代码实现页面,我们只要修改下WidgetEntryView的body里面的Text内容,从entry里面获取到configuration配置的title属性:

struct LLLLWidgetEntryView : View {
    var entry: Provider.Entry

    var body: some View {
//        Text(entry.date, style: .time)
        Text(entry.configuration.title == nil ? "没有值" : entry.configuration.title!)
    }
}

接下来就可以运行起来,体验下效果。


接下来说我碰到的坑!!!!!!。

上面都是基于一开始就勾选了Include Configuration Intent的情况下,Xcode默认生成的文件、代码。
下面来看看一开始没勾选,后期开发需求需要配置的情况下,如何处理。

  • 菜单File ->New ->File然后找到Siri Intent Definition File之后添加到WidgetExtension中,命名的话,建议取个合适的名称。

重要的事情说三遍,箭头那边一定要勾选

不知道不是默认不勾选,我一开始没注意,导致后面代码里一直联想不出来它自动生成的那个swift类。

  • 添加Intents,命名啥的可以跟上面创建的命名一样,好记啊。
  • 接下来的设置就跟上面默认生成的情况下一样,添加属性、该勾选的勾选。
  • 代码部分的修改,小技巧就是你跟着默认生成的那种样式的代码对照,哪里不一样就改哪里。

先修改Widget的配置,由StaticConfiguration改成IntentConfiguration

@main
struct MyWidget: Widget {
    let kind: String = "MyWidget"
    var body: some WidgetConfiguration {
//        StaticConfiguration(kind: kind, provider: Provider()) { entry in
//            MyWidgetEntryView(entry: entry)
//        }
//        .configurationDisplayName("My Widget")
//        .description("This is an example widget.")
        
        IntentConfiguration(kind: kind, intent: MyIntentConfigurationIntent.self, provider: Provider()) { entry in
            MyWidgetEntryView(entry: entry)
        }
        .configurationDisplayName("My Widget")
        .description("This is an example widget.")
    }
}

SimpleEntry增加

struct SimpleEntry: TimelineEntry {
    let date: Date
    let configuration: MyIntentConfigurationIntent
}

Provider的继承改成IntentTimelineProvider
开头的两个typealias必须实现,不实现我这里会报错,暂时没整明白,因为网上有些文章没有实现也可以。

struct Provider: IntentTimelineProvider {
    typealias Entry = SimpleEntry
    typealias Intent = MyIntentConfigurationIntent
    
    func placeholder(in context: Context) -> SimpleEntry {
        SimpleEntry(date: Date(), configuration: MyIntentConfigurationIntent())
    }
    
    func getSnapshot(for configuration: MyIntentConfigurationIntent, in context: Context, completion: @escaping (SimpleEntry) -> Void) {
        let entry = SimpleEntry(date: Date(), configuration: configuration)
        completion(entry)
    }
    
    func getTimeline(for configuration: MyIntentConfigurationIntent, in context: Context, completion: @escaping (Timeline) -> Void) {
            var entries: [SimpleEntry] = []
            let currentDate = Date()
            for hourOffset in 0 ..< 5 {
                let entryDate = Calendar.current.date(byAdding: .hour, value: hourOffset, to: currentDate)!
                let entry = SimpleEntry(date: entryDate, configuration: configuration)
                entries.append(entry)
            }

            let timeline = Timeline(entries: entries, policy: .atEnd)
            completion(timeline)
    }
}

参考资料

creating-a-widget-extension
https://swiftrocks.com
IntentConfiguration

你可能感兴趣的:(iOS14 Widget小组件开发实践4——用户属性配置)