iOS Widget 从入门到放弃-缘起

随着9月份 iOS 14 的正式发布，iPhone 各种花式主屏，迅速在网上蹿红。用户和开发者都绞尽脑汁，乐此不疲的折腾的自己的手机桌面。下一个流量入口已蓄势待发，呼之欲出。作为开发者，入坑 Widget 的时机已到，请诸位随在下一起一探究竟。

iOS 14中苹果工程师给我们引入了一个引人注目的，全新主屏幕体验，即更加动态和个性化的 Widget，不过我更喜欢称他今天的主角 -- 窗口小组件

丰富多彩的主页

小组件设计新颖、便于浏览而且非常高效。面对苹果手机十年（真的是10年）如一日的主页，小组件的带来的视觉冲击效果，无需我在多加赘述。无数的应用产品和开发者废寝忘食，提炼应用的内在精神，浓缩想要表达的信息精华。正如图上所示，留给他们描绘自己梦想，展示自己才华的就那一方寸之间的天地。当然，与之相称的，用户浏览和获取信息的速度肯定会成倍提高。

If I have seen further, it is by standing on the shoulders of giants

小组件支持苹果系统全家桶（iOS，iPad OS，Mac OS），虽然在不同平台的展现方式有所不同。这一切都要感谢苹果设计师和开发者努力，他们已经给我们提供了模版和平台，一个好的开始。毕竟万事开头难。当然，没有规矩不成方圆，他们也给不少设计的真知灼见。

苹果开发者也优化了 Today 扩展视图，使它焕然一新。然后 Xcode 12 默认移除了 Today 扩展模版。移除了。。。。这令我触不及防的操作啊

如果制作一个优秀的小组件

优秀小组件的三个目标

• Glanceable （简明扼要）

我们前面已经看到小组件的模样，它的尺寸或许只有4个应用图标大小（还有其他尺寸，上图所示是最小尺寸），这时充分且合理利用这些空间就显得尤为重要。同时用户在主屏幕停留的时间可能很短，可能只是一瞥，就切到了其他地方。此刻过多的交互都是枉然，内容才是核心所在。所以内容一定要短小精悍，简明扼要。

• Relevant （相辅相成）
  只是简明扼要，还不足以成为一个优秀的小组件。毕竟你要知道，我们不会在一天的时间内只关注一件事情。比如，早上出门的时候你会关注天气，到了公司之后你会关注你的 Todo-List，晚上到家你或许更需要来一首钢琴曲。组件之间的相关性此刻也先的同样重要。

如果觉得过多的小组件让你觉得主屏幕空间严重不足，你可以试试智能叠放，那是相当的有趣哦

• Personalized（与众不同）
  世界上没有两片相同的树叶，更不用说两个相同人的。小组件的支持的个性化设计，能让你最大程度放飞自我，展现个性。或许差别只在毫厘之间，细微之处。处处相同，却又处处不同

小组件不是一个 mini-app

你要知道，小组件的精髓在于你所展示的内容。交互在有限的空间和时间显得很是微妙。如果用户需要了解更多，在你的应用去交互和展示会更好。这句话你必须记在心里，同时也要时刻敲打你的产品经理，毕竟你要产品经理都一颗天马星空且完全不考虑开发者死活的心。我知道这时你会说，我们产品就不这样。你可以这样想一下，或许这就是对生活低头，向命运妥协。说白了，还不是你实现不了。

小组件的工作原理

我在等刷新，你那

普通人一天要看屏幕90次以上，每次不过数秒；如果每次都看到满屏的菊花，估计你的应用大概要凉凉了。当然这种情况，苹果设计师和开发者们也早就替我们预想到了。利用 SwiftUI 的声明特性，我们可以打包多个视图发送到屏幕，然后让屏幕根据时间线，去渲染他们。这真的太酷了。或许你会说，如果我不想用 SwiftUI。不，你不会这么想，因为 Widget 只支持 SwiftUI 布局。

惊喜不

鉴于篇幅有限，今天就先给大家介绍我们对小组件的初识，后面我会再用两个篇章介绍小组件的开发概念和实践