当前位置: 首页 > news >正文

iOS Widget 开发-1:什么是 iOS Widget?开发前的基本认知

随着 iOS 系统的不断演进,Widget(小组件)已经成为提升用户体验的重要组成部分。从 iOS 14 开始,Apple 引入了全新的 WidgetKit 框架,允许开发者使用 SwiftUI 创建高度可定制、灵活展示的 Widget,并可添加到主屏幕、锁屏界面甚至待机模式中。

本篇博客将从基础概念出发,带你了解 iOS Widget 的作用、类型、开发架构以及常见误区,为后续深入开发打下坚实基础。


Widget 是什么?

Widget 是 App 的一个延伸部分,运行在系统容器中的 UI 视图,用于在不打开主应用的前提下向用户展示关键信息。它强调 轻量、及时、可定制、非交互式 的特性。

它的主要特点包括:

  • 基于 SwiftUI 构建(不支持 UIKit)
  • 定期刷新数据,不支持实时长连接
  • 用户可添加多个尺寸、多个实例(如显示不同城市天气)
  • 与主 App 分离运行,仅在系统容器中展示

WidgetKit 简介

Apple 提供了一个专门用于创建 Widget 的框架:WidgetKitWidgetKit 提供了以下能力:

  • 定义数据源(Timeline)
  • 配置 Widget 展示内容
  • 与 Intent 配合实现动态参数配置
  • 通过 SwiftUI 构建视图结构

WidgetKit 的基础结构如下:

struct MyWidget: Widget {var body: some WidgetConfiguration {StaticConfiguration(kind: "MyWidget", provider: MyProvider()) { entry inMyWidgetView(entry: entry)}.supportedFamilies([.systemSmall, .systemMedium, .systemLarge]).configurationDisplayName("我的组件").description("显示一些有用的信息")}
}

你需要实现:

  • 一个 TimelineProvider 来提供数据快照
  • 一个 Entry 表示时间点的数据
  • 一个 View 构建视图
  • 一个 Widget 注册点

Widget 能做什么?

能力描述
展示信息展示天气、待办、日历、股票、计步等轻量信息
支持多尺寸用户可选小中大尺寸,StandBy Widget 等
点击跳转使用 .widgetURL() 支持跳转回主 App 或 Deep Link
用户配置支持通过 Intent 配置不同内容,如显示不同城市或分类
定期刷新可以设定刷新频率(最小15分钟),或由 App 主动请求刷新

Widget 做不了什么?

开发 Widget 时要注意其 运行环境是受限的沙盒容器,存在不少限制:

  • ❌ 不能执行网络请求(需在主 App 中处理)
  • ❌ 不支持交互控件(如 Button、TextField)
  • ❌ 无法响应手势(不能滑动或拖动)
  • ❌ 无法长时间运行后台任务
  • ❌ 不适合展示大量动态数据或长文本

Widget 展示位置有哪些?

iOS 系统支持在多个位置展示 Widget,按系统版本差异分为:

  • 主屏幕(Home Screen):iOS 14 起支持添加小组件到主屏幕
  • 锁屏(Lock Screen Widgets):iOS 16 起支持
  • 待机模式(StandBy Widgets):iOS 17 起支持横屏待机展示
  • 控制中心(Control Widgets) :iOS 18 起支持的控制展示 ✅

开发 Widget 需要准备什么?

开发 Widget 的前提:

  • 使用 Xcode 12+(推荐最新)
  • 开启 Widget Extension,与主 App 同属一个 App Group(用于共享数据)
  • 项目需支持 iOS 14+,推荐 iOS 16 或 17 起步
  • 熟悉 SwiftUI 开发语法与架构

常见误区

  1. Widget 是实时的?

    • ❌ 并非实时更新,只能定期刷新或 App 主动触发。
  2. 我能在 Widget 内请求 API?

    • ❌ 不行,Widget 运行时无法发起网络请求,必须预加载数据。
  3. 我能放按钮/滚动视图吗?

    • ❌ Widget 是非交互视图,无法接受用户输入或操作。

总结

Widget 是 iOS 提供给开发者向用户持续展示关键信息的高效方式,它强调轻量级、非交互、适配性强的视图呈现。尽管受限较多,但若能合理运用 App Group、SwiftUI 和 Timeline 机制,依旧可以实现极具吸引力和实用性的功能。

最后,希望能够帮助到有需要的朋友,如果觉得有帮助,还望点个赞,添加个关注,笔者也会不断地努力,写出更多更好用的文章。

http://www.dtcms.com/a/268655.html

相关文章:

  • 亚马逊运营进阶指南:如何用AI工具赋能广告运营
  • 期待在 VR 森林体验模拟中实现与森林的 “虚拟复现”​
  • 华锐视点 VR 污水处理技术对激发学习兴趣的作用​
  • 北京-4年功能测试2年空窗-报培训班学测开-第四十四天
  • UI + MCP Client + MCP Server实验案例
  • 【机器学习笔记 Ⅱ】11 决策树模型
  • Spring Boot 操作 Redis 时 KeySerializer 和 HashKeySerializer 有什么区别?
  • day16——Java集合进阶(Collection、List、Set)
  • Kafka消息积压的原因分析与解决方案
  • 网络安全之重放攻击:原理、危害与防御之道
  • windows grpcurl
  • 用安卓手机给苹果手机设置使用时长限制,怎样将苹果手机的某些APP设置为禁用?有三种方法
  • 软件工程功能点估算基础
  • QML Row与Column布局
  • YOLOv11 架构优化:提升目标检测性能
  • 国内免代理免费使用Gemini大模型实战
  • Vue的生命周期(Vue2)
  • Maven继承:多模块项目高效管理秘笈
  • 微软重磅开源Magentic-UI!
  • 【Rust CLI项目】Rust CLI命令行处理csv文件项目实战
  • AI Tool Calling 实战——让 LLM 控制 Java 工具
  • java-Milvus 连接池(多key)与自定义端点监听设计
  • C++开源项目—2048.cpp
  • 部署MongoDB
  • 接口漏洞怎么抓?Fiddler 中文版 + Postman + Wireshark 实战指南
  • 记录一个关于Maven配置TSF的报错问题
  • 基于 Three.js 开发三维引擎-02动态圆柱墙体实现
  • Python中50个常用的内置函数(2/2)
  • 剑指offer第2版:动态规划+记忆化搜索
  • 回溯题解——子集【LeetCode】输入的视角(选或不选)