iOS14小组件(Widget)实战一

1,958 阅读1分钟

iOS14小组件(Widget)实战一

前言

由于项目需求,需要在桌面上添加一个小组件,增加用户留存和使用。经过一个星期的swiftUI的学习,现在把整个需求开发的细节和大家分享一下,特别是初次开发Widget的时候无从下手,现在手把手教大家怎么操作。(由于iOS的Today Widget已经过时了,这里就不讲解,iOS的Widget就是为了替换它)

从零开始

项目创建

  1. 首先创建一个新项目,如果是已有项目,这一步直接跳过 FF0C0D93-2D1C-465A-830C-55051E5D46D7.jpeg C2214837-A562-4C78-9051-30BD59ECC66E.jpeg 7E324BB3-1092-41F4-82D7-2A95197F5FB1.jpeg 创建好项目大概是上面的样子
  2. 创建Widget小组件Target,直接跟着图一步步来! 138CD2BF-D42F-44F5-8F6E-DB23D379A6B6.jpeg 1E950AF2-FE9F-49BE-8BA0-395CB1421119.jpeg DE32D8DE-0458-4399-BBFF-4D9DB0514A48.jpeg 209E635C-48E8-4480-8B14-32E689614BDC_4_5005_c.jpeg

现在前期的准备工作已经做好了,现在请运行你刚才创建的主工程MyWidgetTestProject,点击模拟器的home键回到桌面上,看看是不是新增了一个桌面小组件,如下图,是不是很简单!

010D8150-51BC-426E-B9C4-7B56D033346B_4_5005_c.jpeg

再把模拟器往右边滑动,直到不能滑动为止,就到了0页位置,按照如下图片的操作步骤就可以添加各种样式的小组件

375BAAF2-035A-4260-A621-AA998E8C9F64_4_5005_c.jpeg 0FDFAE83-7E0A-4E5C-922B-44F8F82EEDBF_4_5005_c.jpeg 8509E381-E79D-4280-A872-861BAFC160A1_4_5005_c.jpeg 20AA46FB-538F-46E8-A676-D2A9F1AE7BB5_4_5005_c.jpeg C98945E8-FA6B-4DD7-916C-E79A7A5C17D3_4_5005_c.jpeg