如何进行 iOS Widget 开发?

iOS14小组件开发实战:盒马小镇Widget设计与实现
本文介绍了iOS14中Widget的功能定位、设计限制,以及盒马小镇Widget的开发实践,包括登录授权、数据更新、界面渲染和审核过程中的经验分享。Widget作为主屏幕快捷查看信息的工具,限制了动态效果和复杂交互,开发者需遵循轻量化原则。文章详细阐述了Widget的数据加载机制,如使用HTTPS接口和SwiftUI进行界面渲染,并探讨了SwiftBridge在Objective-C与Swift之间的桥接作用。同时,文章提到了审核过程中的问题以及解决方案,如字体问题和Swift的副作用。
简介:iOS 14 重磅推出了新功能 Widget,可以在主屏上展示一些关键信息,如日程、待办事项、设备电量等。Widget 的设计定位是什么?有哪些限制?如何进行 Widget 开发?本文基于一个小游戏——盒马小镇的 Widget 开发,分享在登录授权、数据更新、界面渲染以及审核上的实践经验。

image.png

Widget 简介

Widget 是 iOS 14 重磅推出的新功能,使得用户可以在主屏幕添加小组件,快速浏览 app 提供的重要信息。它的设计与旧版本 macOS 的 Widget 一脉相承,甚至连添加的动画也是去掉了拟物化的水波纹效果。

image.png

设计定位

用户可以通过 Widget 对主屏幕进行个性化定制,但是 iOS 14 的 Widget 跟其他系统上的小组件有很大的区别。在 Widget 的设计上苹果也保持了一贯的克制,定位于轻量化、仅用作关键信息的展示。比如系统自带 Widget 中的股票、天气、电量、运动信息,他们的共同特征是更新频率高、提供的信息重要,让用户不用打开 app 就可以浏览关心的内容。苹果也不希望开发者将 Widget 仅仅当作 app 的一个快捷入口,这样的需求更适合用 contextual menu 来实现。

限制

苹果基于上面的设计定位,同时也为了节省系统资源保证续航,对 Widget 的做了一些限制:

  • 不支持动画,仅支持静态页面展示。
  • 更新频率由系统通过机器学习来动态分配。
  • 不支持拖拽、滚动等复杂的交互,不支持 Switch 等控件。
  • 用户点击 Widget 一定会跳转到 app。

Widget 开发实践

盒马小镇 Widget 设计

image.png

盒马小镇是盒马 app 内的一个小游戏,用户可以通过签到、购物、内容互动来获取盒花,用户最关心的就是有没有盒花可以收取,或者是否有盒花可以帮摘等信息。这正好可以契合 Widget 的设计初衷,我们期望能借此提升用户粘性。

要实现一个 Widg

评论 11
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值