iOS widget 小组件开发-飞
2023/7/6 17:11:31 ('互联网')
iOS widget 小组件开发Github地址项目选择对应语言项目小组件部分 Github地址 https://github.com/HahnLoving/iOS_Study
创建项目1.png2.pngwidget 代码说明Providerstruct Provider: TimelineProvider { // 占位视图，例如网络请求失败、发生未知错误、第一次展示小组件都会展示这个view func placeholder(in context: Context) -> SimpleEntry { SimpleEntry(date: Date()) } // 定义Widget预览中如何展示，所以提供默认值要在这里 func getSnapshot(in context: Context, completion: @escaping (SimpleEntry) -> ()) { let entry = SimpleEntry(date: Date()) completion(entry) } // 决定 Widget 何时刷新 func getTimeline(in context: Context, completion: @escaping (Timeline<Entry>) -> ()) { var entries: [SimpleEntry] = [] // Generate a timeline consisting of five entries an hour apart, starting from the current date. let currentDate = Date() for hourOffset in 0 ..< 5 { let entryDate = Calendar.current.date(byAdding: .hour, value: hourOffset, to: currentDate)! let entry = SimpleEntry(date: entryDate) entries.append(entry) } let timeline = Timeline(entries: entries, policy: .atEnd) completion(timeline) }}// 渲染 Widget 所需的数据模型，需要遵守TimelineEntry协议struct SimpleEntry: TimelineEntry { let date: Date}// 渲染的viewstruct MainWidgetEntryView : View { var entry: Provider.Entry var body: some View { Text(entry.date, style: .time) }}@mainstruct MainWidget: Widget { // 主件唯一标识符 let kind: String = "MainWidget" var body: some WidgetConfiguration { StaticConfiguration(kind: kind, provider: Provider()) { entry in MainWidgetEntryView(entry: entry) } // 标题 .configurationDisplayName("My Widget") // 详情 .description("This is an example widget.") // 枚举设置 .supportedFamilies([.systemMedium, .systemSmall, .systemLarge]) }}// SwiftUI Xcode 测试预览视图struct MainWidget_Previews: PreviewProvider { static var previews: some View { MainWidgetEntryView(entry: SimpleEntry(date: Date())) .previewContext(WidgetPreviewContext(family: .systemSmall)) }}widget 有多组和单组区别。
单组包含 小，中，大，特大(iOS 15)
多组包含 小，小，小
单组的例子如系统的天气widget包含小，中，大三个组件
4.jpg5.jpg6.jpg多组以支付宝为例子。包含两个小的组件
7.jpg8.jpg单组件适配开发MainWidgetEntryView
// 渲染的viewstruct MainWidgetEntryView : View { var entry: Provider.Entry // 判断小组件的类型 @Environment(\.widgetFamily) var family: WidgetFamily var body: some View {// Text(entry.date, style: .time) switch family { case .systemSmall: VStack(alignment: .center, spacing: 0) { Text("小") Spacer().frame(height: 20) Text(entry.date, style: .time) } case .systemMedium: VStack(alignment: .center, spacing: 0) { Text("中") Spacer().frame(height: 20) Text(entry.date, style: .time) } default: VStack(alignment: .center, spacing: 0) { Text("大") Spacer().frame(height: 20) Text(entry.date, style: .time) } } }}效果图
9.jpg10.jpg多组件开发 WidgetBundle多组件开发使用了 WidgetBundle
下面用了以下5个案例讲解多组件开发
1.网络请求 NetWorkData
2.网络图片 NetWorkImage
3.编辑小组件 Edit
4.和app本地数据进行交互和点击交互 AppData
MainWidget
先注释全部代码
import WidgetKitimport SwiftUIimport Intentsstruct SimpleEntry: TimelineEntry { public let date: Date}struct PlaceholderView : View { //这里是PlaceholderView - 提醒用户选择部件功能 var body: some View { Text("Place Holder") }}@mainstruct MainWidget: WidgetBundle { @WidgetBundleBuilder var body: some Widget {// OneWordWidget()// FristWidget(title: "hahn", desc: "hahn1")// CountDownWidget()// Demo(title: "Dem
扫码加微信详细咨询太和智慧养老产品和平台服务！
版权声明：
---------------------------------------------------------------
所有信息来源于互联网,本文的版权归原作者所有，不代表本网观点和立场。
本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，请发送邮件至 81480447@qq.com 举报，一经查实，本站将立刻删除。
扫码加微信详细咨询太和智慧养老产品和平台服务！
养老资讯
- 骁骑校尉是何职相当于现在
- CK 这个牌子的全名是什
- 39岁谢娜挺大孕肚罕亮相
- 好词佳句摘抄有哪些？关于
- “我欲与君相知，长命无绝
- 世界排名前十的男士香水品
- 形容水面的词语有哪些？“
- 无锡游乐场有哪些？无锡动
- 中国海军目前一共派出了多
- 100字优美的句子摘抄？
- 反其道而行之的意思是什么
- 《三国演义》的作者是谁？
- 我家有好几块和田玉想出手
- 五句优美句子简短？超短唯
- 蔡邕是个怎样的人呢？蔡邕
- 姹紫嫣红的近义词是啥？姹
- “且行且珍惜”是什么意思
- 关于居里夫人的名言？关于
- 求郭冬临主演的一部有关于
- 如何在PPT中绘制阶梯形
- 惊叹不已的解释词语是什么
- 十元纸币背后什么图片？人
- 天津有什么好玩的地方哪些
- “悠然见南山”的上一句？
- 你是什么星座的土味情话怎
- 万元鞋子被游客踩脏，杨幂
- 反其道而行之是什么意思？
- 有收邮票的吗？虎年生肖邮
- “红杏枝头春意闹”是什么
- 孟晚舟的可能结局是什么？
- 2寸证件照片尺寸是多少？
- 傅雷家书读书笔记摘抄及感
- 黄鹤楼送孟浩然之广陵的诗
- 中国国画大师排名？中国有
- 伊朗公布了几种新型导弹？
- 季春、仲夏、孟秋、季冬分
- 打肿脸充胖子的成语解释及
- 夜书所见诗意？叶绍翁的《
- 孙小头上六星开国纪念币真
- 高分一号卫星详细资料，高
助老机构介绍
评论
已有 0 条评论
最新评论
推荐养老院
- 曹县江山名郡社区养老服务中心
- 东明丹枫护理院
- 广饶县乐安街道敬老院
- 国昌怡心园医养健康产业（山东）有
- 蒙阴县托福老年养护院
- 烟台莱山秀林老年福利服务中心
- 【阿尔兹海默症】北京朝阳区东坝福寿
- 【阿尔兹海默症】北京丰台区诚和敬养
- 【阿尔兹海默症】北京丰台区椿萱茂老
- 【阿尔兹海默症】北京丰台区青塔椿萱
- 【阿尔兹海默症】北京海淀区百望山椿
- 【阿尔兹海默症】北京海淀区朗诗常青
- 【阿尔兹海默症】北京海淀区西山椿萱
- 【阿尔兹海默症】北京市通州区诚和敬
- 【阿尔兹海默症】北京延庆区儆堂集养
- 【阿尔兹海默症】南京鼓楼区康悦坊五
- 【阿尔兹海默症】南京鼓楼区颐和苑·
- 【阿尔兹海默症】南京江宁区上元大街
- 【阿尔兹海默症】南京栖霞区朗诗常青
- 【阿尔兹海默症】南京秦淮区朗诗常青
您希望养老院位于
- 不限
- 东城
- 西城
- 崇文
- 宣武
- 朝阳
- 丰台
- 石景山
- 海淀
- 门头沟
- 房山
- 通州
- 顺义
- 昌平
- 大兴
- 怀柔
- 平谷
- 延庆
- 密云
您希望的价格范围
- 不限
- 500以下
- 500-1000
- 1000-2000
- 2000-3000
- 3000-5000
- 5000以上
老人的情况是
- 不限
- 自理
- 半自理
- 全护理
- 特护
姓名：
年龄：
电话：
全国城市养老院
- 黑河老年公寓养老院汇总表
- 惠州老年公寓养老院汇总表
- 泰州老年公寓养老院汇总表
- 晋城老年公寓养老院汇总表
- 杭州老年公寓养老院汇总表
- 牡丹江老年公寓养老院汇总表
- 贺州老年公寓养老院汇总表
- 高雄老年公寓养老院汇总表
- 九江老年公寓养老院汇总表
- 芜湖老年公寓养老院汇总表
- 漯河老年公寓养老院汇总表
- 漳州老年公寓养老院汇总表
- 金门老年公寓养老院汇总表
- 玉溪老年公寓养老院汇总表
- 宜兰老年公寓养老院汇总表
- 直辖行政单位老年公寓养老院汇总表
- 唐山老年公寓养老院汇总表
- 周口老年公寓养老院汇总表
- 晋中老年公寓养老院汇总表
- 南通老年公寓养老院汇总表
- 汕头老年公寓养老院汇总表
- 廊坊老年公寓养老院汇总表
- 昭通老年公寓养老院汇总表
- 昆明老年公寓养老院汇总表
- 临夏老年公寓养老院汇总表
- 衢州老年公寓养老院汇总表
- 赤峰老年公寓养老院汇总表
- 白银老年公寓养老院汇总表
- 喀什老年公寓养老院汇总表
- 昌吉老年公寓养老院汇总表
- 博尔塔拉老年公寓养老院汇总表
- 防城港老年公寓养老院汇总表
- 宜昌老年公寓养老院汇总表
- 贵港老年公寓养老院汇总表
- 邯郸老年公寓养老院汇总表
- 西宁老年公寓养老院汇总表
- 揭阳老年公寓养老院汇总表
- 桃园老年公寓养老院汇总表
- 北海老年公寓养老院汇总表
- 泸州老年公寓养老院汇总表
- 遵义老年公寓养老院汇总表
- 林芝老年公寓养老院汇总表
- 鄂州老年公寓养老院汇总表
- 渭南老年公寓养老院汇总表
- 亳州老年公寓养老院汇总表
- 安顺老年公寓养老院汇总表
- 台南老年公寓养老院汇总表
- 迪庆老年公寓养老院汇总表
- 咸阳老年公寓养老院汇总表
- 龙岩老年公寓养老院汇总表