SwiftUI自学成长笔记
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人

1.10 为应用程序创建iMessage贴图

在本章的最后,我们将为应用程序创建iMessage贴图。iMessage贴图是iOS系统信息应用程序的扩展功能。我们可以把那些想和朋友们分享的图片直接拖曳到Xcode中的Sticker Pack文件夹中,不用编写任何代码就可以创建应用程序的贴图包。

首先在项目导航中单击最顶端的FirstApp条目,然后在编辑区域的左下角单击加号(+)按钮,在弹出的目标模板对话框中搜索sticker,找到Sticker Pack Extension后单击Next按钮,如图1-31所示。

图1-31 为应用程序创建iMessage贴图包

在之后弹出的选项对话框中将Product Name设置为stickers,然后单击Finish按钮,在弹出的警告对话框中,单击Activate按钮确认激活stickers方案即可。

接下来,在编辑区域中单击TARGETS/stickers,在General标签的Identity部分,将Display Name修改为First App,如图1-32所示。

图1-32 设置iMessage贴图包

现在,项目中会出现一个stickers文件夹,打开以后可以看到Stickers.xcassets资源目录,它和之前的Assets.xcassets资源目录类似,只不过这里面只有两个条目:iMessage App IconSticker Pack

我们先将“项目资源/iMessage-Icon”中的图标素材,根据尺寸大小拖曳到相应的框中,效果如图1-33所示。

图1-33 添加iMessage图标

然后将“项目资源/iMessage-Stickers”中的7张贴图拖曳到Sticker Pack之中,如图1-34所示。

图1-34 向Sticker Pack添加iMessage贴图

现在,你可以构建并在模拟器中运行该项目,进入信息应用程序就可以进行贴图发送的测试了,如图1-35所示。

图1-35 在模拟器的信息应用程序中发送贴图

至此,我们的第一个iOS应用程序已经制作完成。通过对本章的学习,我们了解了如何创建一个新的iOS项目,为项目添加应用程序图标,使用SwiftUI创建卡片视图。知道了@State封装的特性和从数据文件载入不同人物的相关信息的方法。学会了播放声音以及显示警告对话框。了解了如何为界面元素添加动画效果,并为程序添加触控反馈特性,最后尝试了为应用程序创建iMessage贴图。