经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
当前位置:技术经验 » 移动开发 » iOS » 查看文章
IOS Widget(4-2):创建可配置小组件(动态修改配置数据)
来源:cnblogs  作者:popfisher  时间:2021/5/10 8:58:11  对本文有异议

引言

上一篇文章,讲解了如果通过配置修改小组件行为,只不过配置数据是写死的,本文将继续探索配置数据的高级用法,配置数据在小组件中动态创建的

大纲

  • 在项目中添加”Intents Extension“
  • 在 xxx.intentdefinition文件中增加一个动态类型
  • 实现  Intent Handler 提供动态配置数据

在项目中添加”Intens Extension“

要实现动态修改配置数据,需要向应用程序添加一个"Intens Extension"。当用户编辑窗口小部件时,WidgetKit会加载"Intens Extension"以提供动态信息。要添加"Intens Extension",请执行以下操作:

  1. 选择“File”>“New”>“Target”,然后选择"Intens Extension"。
  2. 点击"Next"。
  3. 输入Intent Extension的名称(这里我们设置为DynamicTimer),并将"Starting Point"设置为None。
  4. 单击完成。如果Xcode提示您有关激活"new scheme"信息,请单击“Activate”。
  5. 在新Target的属性的“Gneral”选项卡中,在“Supported Intents”部分中添加一个条目,并将“Class Name”设置为 "TimeTypeConfigurationIntent". Xcode会自动把xxx.intentdefinition中的配置转为代码,放到这个文件中。

    如果不设置这项,也会自动生成,这个名字怎么来的呢?就是CUSTOM INTENTS中的名字后面加个Intent
  6. 在项目导航器中,选择之前添加的自定义 intent definition 文件。
  7. 右键选择”Show File Inspector“,将”“intent definition”文件添加到前新建的Target中。

在 xxx.intentdefinition文件中增加一个动态类型

上一篇文章中,我们使用的静态类型(枚举)来实现修改Timer类型。要支持动态修改,则需要使用动态类型。创建步骤如下

  1. 从“类型”弹出菜单中,选择“New Type”。Xcode在编辑器的“TYPES”中添加了一个新类型。
  2. 将类型的名称更改为 "DynamicTimeType"
  3. 添加一个新属性“dynamicTime”,然后Type选择“String”。
  4. 在CUSTOM INTENTS中选择 TimeTypeConfiguration
  5. 新增一个动态参数 dynamicTimeType
  6. 在 Intent 编辑器中,选中“Dynamic Options”复选框,表示代码将为此参数提供了动态的选项列表。

实现  Intent Handler 提供动态配置数据

经过上面的步骤,我们准备好了所有的配置信息,这时候我们编译一下项目,Xcode会根据xxx.intentdefinition文件生成对应的代码。接下来我们要修改DynamicTimer这个Target中的IntentHandler.swift中的代码。修改过的代码如下:

  1. //
  2. //  IntentHandler.swift
  3. //  DynamicTimer
  4. //
  5. import Intents
  6. // TimeTypeConfigurationIntentHandling 这个类在
  7. // TimeTypeConfigurationIntent.swift文件中,这个文件是Xcode生成的。
  8. // 这个文件名怎么来的? =>
  9. // Target的属性的“Gneral”选项卡中,在“Supported Intents”部分中添加一个条目,
  10. // 并将“Class Name”设置为 "TimeTypeConfigurationIntent".
  11. // Xcode会自动把xxx.intentdefinition中的配置转为代码,放到这个文件中。
  12. class IntentHandler: INExtension, TimeTypeConfigurationIntentHandling {
  13.     func provideDynamicTimeTypeOptionsCollection(
  14.         for intent: TimeTypeConfigurationIntent,
  15.         with completion: @escaping (INObjectCollection<DynamicTimeType>?, Error?) -> Void) {
  16.         
  17.         let time = DynamicTimeType(identifier: "time", display: "时间")
  18.         time.dynamicTime = "time"
  19.         let date = DynamicTimeType(identifier: "date", display: "时期")
  20.         date.dynamicTime = "date"
  21.         let timer = DynamicTimeType(identifier: "timer", display: "计时器")
  22.         timer.dynamicTime = "timer"
  23.         let allTimeType = [
  24.             time, date, timer
  25.         ]
  26.         // 生成一个数组,把数据通过回调方法传出去
  27.         completion(INObjectCollection(items: allTimeType), nil)
  28.     }
  29.     
  30.     override func handler(for intent: INIntent) -> Any {
  31.         // This is the default implementation.  If you want different objects to handle different intents,
  32.         // you can override this and return the handler you want for that particular intent.
  33.         return self
  34.     }    
  35. }

运行效果,从桌面点击组件,右键编辑小组件

目前选择之后还没生效,因为我们布局里面还没有使用这个值,接下来就修改代码,获取这个值,根据这个值动态改变时间类型。

  1. //
  2. //  WidgetConfigIntent.swift
  3. //  WidgetConfigIntent
  4. //
  5. import WidgetKit
  6. import SwiftUI
  7. import Intents
  8. struct Provider: IntentTimelineProvider {
  9.     func placeholder(in context: Context) -> SimpleEntry {
  10.         // 不同点3:传递默认参数
  11.         SimpleEntry(date: Date(), configuration: TimeTypeConfigurationIntent())
  12.     }
  13.     // 不同点4:比使用StaticConfiguration时多了一个配置参数
  14.     func getSnapshot(for configuration: TimeTypeConfigurationIntent, in context: Context, completion: @escaping (SimpleEntry) -> ()) {
  15.         let entry = SimpleEntry(date: Date(), configuration: configuration)
  16.         completion(entry)
  17.     }
  18.     // 不同点5:比使用StaticConfiguration时多了一个配置参数
  19.     func getTimeline(for configuration: TimeTypeConfigurationIntent, in context: Context, completion: @escaping (Timeline<Entry>) -> ()) {
  20.         var entries: [SimpleEntry] = []
  21.         // Generate a timeline consisting of five entries an hour apart, starting from the current date.
  22.         let currentDate = Date()
  23.         for hourOffset in 0 ..< 5 {
  24.             let entryDate = Calendar.current.date(byAdding: .hour, value: hourOffset, to: currentDate)!
  25.             let entry = SimpleEntry(date: entryDate, configuration: configuration)
  26.             entries.append(entry)
  27.         }
  28.         let timeline = Timeline(entries: entries, policy: .atEnd)
  29.         completion(timeline)
  30.     }
  31. }
  32. struct SimpleEntry: TimelineEntry {
  33.     let date: Date
  34.     // 不同点2: 多了一个配置参数,小组件编辑界面设置参数会通过这个传递进来
  35.     let configuration: TimeTypeConfigurationIntent
  36. }
  37. struct WidgetConfigIntentEntryView : View {
  38.     var entry: Provider.Entry
  39.     var body: some View {
  40.         // 根据静态配置信息动态改变布局
  41. //        if (entry.configuration.timeType == TimeTypeEnum.time) {
  42. //            Text(entry.date, style: .time)
  43. //        } else {
  44. //            Text(entry.date, style: .date)
  45. //        }
  46.         // 根据动态配置信息动态改变布局
  47.         if (entry.configuration.dynamicTimeType?.dynamicTime == "time") {
  48.             Text(entry.date, style: .time)
  49.         } else if (entry.configuration.dynamicTimeType?.dynamicTime == "timer") {
  50.             Text(entry.date, style: .timer)
  51.                 .multilineTextAlignment(.center)
  52.         } else {
  53.             Text(entry.date, style: .date)
  54.         }
  55.     }
  56. }
  57. // 小组件入口
  58. @main
  59. struct WidgetConfigIntent: Widget {
  60.     let kind: String = "WidgetConfigIntent"
  61.     var body: some WidgetConfiguration {
  62.         //不同点1: 这里使用 IntentConfiguration, 对比 StaticConfiguration,这里还多了一个参数 intent: ConfigurationIntent.self
  63.         IntentConfiguration(kind: kind, intent: TimeTypeConfigurationIntent.self, provider: Provider()) { entry in
  64.             WidgetConfigIntentEntryView(entry: entry)
  65.         }
  66.         .configurationDisplayName("可配置小组件")
  67.         .description("选择不同的时间类型")
  68.     }
  69. }
  70. // Debug调试代码
  71. struct WidgetConfigIntent_Previews: PreviewProvider {
  72.     static var previews: some View {
  73.         WidgetConfigIntentEntryView(entry: SimpleEntry(date: Date(), configuration: TimeTypeConfigurationIntent()))
  74.             .previewContext(WidgetPreviewContext(family: .systemSmall))
  75.     }
  76. }

运行效果
选择计时器

选择时间

选择日期

结语

本文内容讲解了如何动态修改配置数据,重点就是配置xxx.intentdefinition文件,一定要自己亲自操作一次,不然不容易理解配置是怎么跟代码对应起来的。

原文链接:http://www.cnblogs.com/popfisher/p/14742973.html

 友情链接:直通硅谷  点职佳  北美留学生论坛

本站QQ群:前端 618073944 | Java 606181507 | Python 626812652 | C/C++ 612253063 | 微信 634508462 | 苹果 692586424 | C#/.net 182808419 | PHP 305140648 | 运维 608723728

W3xue 的所有内容仅供测试,对任何法律问题及风险不承担任何责任。通过使用本站内容随之而来的风险与本站无关。
关于我们  |  意见建议  |  捐助我们  |  报错有奖  |  广告合作、友情链接(目前9元/月)请联系QQ:27243702 沸活量
皖ICP备17017327号-2 皖公网安备34020702000426号