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

1.2 创建启动画面

启动画面是用户在启动应用程序时第一眼看到的视图画面,通过它可以给用户留下深刻的印象。

之前,我们是依靠Xcode的故事板和布局约束技术来创建启动画面的。在2020年的全球开发者大会(WWDC)上,苹果公司推出了为应用程序快速添加启动画面的新方法,该方法简单到我们只需在Info.plist文件中添加三个选项即可。

在项目导航中找到Info.plist文件,可以看到在字典列表中有一个空的Launch Screen键。当我们单击它右边的加号按钮时,会弹出与启动画面相关的设置选项,如图1-11所示。现在,让我们遍历所有这些选项,并学习如何使用它们来设置启动画面。

图1-11 在Info.plist文件中为Launch Screen添加配置选项

首先,设置启动画面的背景色。之前我们已经在Assets.xcassets中导入了launch-screen-color颜色集。如果没有指定,则iOS会使用系统默认背景颜色。在Launch Screen里面添加新的Background Color键,并设置其值为launch-screen-color。现在,当我们启动该程序的时候会看到所设置的背景颜色。

在设置好背景颜色后,接下来让我们继续设置启动画面所呈现的图片。这里可以使用两个选项进行配置:

○ Image Name:Assets.xcassets中的图像名称。

○ Image respects safe area insets:一个布尔值,描述所插入的图像是否需要遵守安全区域规则。如果是,它将不会超出屏幕安全区域的边界。

之前,我们在Assets.xcassets中添加了一个SVG类型的Swift徽标图像。在Xcode 12中,能够完美地支持SVG图像。

添加Image Name键到Launch Screen字典中,并设置其值为launch-screen-image。再将“Image respects safe area insets”选项设置为true,可以确保图像正确缩放并且不会超出安全区域。因为图像采用了SVG矢量图文件格式,所以能够完美缩放,而图像质量不会受影响。

构建项目并在模拟器中启动应用程序,可以在应用程序刚刚启动的时候看到背景色和Swift徽标,如图1-12所示。

图1-12 设置好的启动画面效果