Xamarin.iOS 应用的启动屏幕

本文介绍如何使用单个统一情节提要为所有 iOS 设备创建应用启动屏幕(无论分辨率和方向如何)。

警告

iOS Designer 在 Visual Studio 2019 版本 16.8 和 Visual Studio 2019 for Mac 版本 8.8 中已经弃用,并且已从 Visual Studio 2019 版本 16.9 和 Visual Studio for Mac 版本 8.9 中移除。 要生成 iOS 用户界面,建议直接在运行 Xcode 的 Mac 上操作。 有关详细信息,请参阅用 Xcode 设计用户界面

在 iOS 8 之前,为 iOS 应用创建启动屏幕需要开发人员为应用运行的每个设备外形规格和分辨率提供图像资产。 但在 iOS 8 发布后,可以使用单个统一情节提要来创建在所有情况下看起来都正常的启动屏幕。

本简短演练介绍如何使用新项目中默认提供的情节提要或手动添加到现有项目中的情节提要创建启动屏幕。 然后,它演示如何使用 iOS 设计器向情节提要添加图像视图和标签,设置这些视图的约束,并验证情节提要是否适合各种设备和方向。

使用情节提要管理启动屏幕

在 iOS 8(及更高版本中),开发人员可以创建一个特殊的统一情节提要,以提供启动屏幕,而不是使用一个或多个静态启动图像。 在 iOS 设计器中创建启动情节提要时,请使用大小类和自动布局为不同的显示环境定义不同的布局。 通过使用大小类和自动布局,开发人员可以创建一个在所有设备和显示环境中看起来都正常的启动屏幕。

  1. 在 Visual Studio for Mac 中,选择“文件”>“新建解决方案”并选择“单视图应用”创建新项目:

    “新建项目”窗口,其中选择了“单视图应用”

    • 默认情况下,新项目包括定义启动屏幕界面的 LaunchScreen.storyboard 文件。
    • 若要改为将“启动屏幕情节提要”添加到现有项目,请右键单击“Solution Pad”中的项目名称,并选择“添加”>“新建文件...”,然后选择“启动屏幕”

    “新建文件”窗口,其中选择了 iOS“启动屏幕”

    • 将文件命名为 LaunchScreen 或所选的其他名称。
  2. 将项目配置为对其启动屏幕使用相应的情节提要:

    • 双击“Solution Pad”中的“Info.plist”文件以将其打开进行编辑。
    • 在“启动图像”部分中,确保“启动屏幕”设置为相应情节提要的名称:

    Info.plist 中的启动屏幕选择器

    • 默认情况下,新项目配置为使用 LaunchScreen.storyboard 作为其启动屏幕。
  3. 将图像添加到 Assets.xcassets 资产目录,以便可在启动屏幕上使用它。 有关详细信息,请参阅“显示图像”指南的“将图像添加到资产目录图像集”部分。

  4. Solution Pad 中双击 LaunchScreen.storyboard 进行编辑。

  5. 选择要在 iOS 设计器中预览启动屏幕情节提要的设备和方向。 打开底部工具栏上的设备选择面板,然后选择“iPhone 4S”和“纵向”

    设备选择工具栏

    • 请注意,选择设备和方向只会更改 iOS 设计器预览设计的方式。 无论此处所做的选择如何,新添加的约束都会应用于所有设备和方向,除非已使用“编辑特征”按钮来指定其他设置。
  6. 设置视图控制器主视图的背景颜色。 单击视图控制器的中间位置选择视图,然后使用 Properties Pad 调整背景颜色:

    具有紫色背景色的单个视图

  7. 将“图像视图”添加到启动屏幕,并设置其源图像

    • 将“图像视图”从“工具箱板”拖到视图的中心。
    • 选中“图像视图”后,在 Properties Pad 的“小组件”部分中,将“图像”属性设置为已添加到 Assets.xcassets 资产目录的图像集。 根据需要重新定位和调整图像视图的大小:

    设置了图像属性的图像视图

  8. 在“图像视图”下方添加“标签”,并使用 Properties Pad 设置其属性:

    设置了文本和颜色的标签

  9. 使用“约束工具栏”中的右手按钮,切换到约束编辑模式:

    “约束编辑模式”按钮

  10. 向“图像视图”添加约束,设置其高度和宽度,并将其水平和垂直居中:

    具有布局约束的图像视图

  11. 向“标签”添加约束,使其水平居中,设置其高度和宽度,并使其与图像视图保持一定的垂直距离:

    具有布局约束的标签

  12. 测试其他设备和方向,以验证设计在所有方案中是否按预期显示。 如果需要针对特定设备或方向进行调整,请使用“编辑特征”按钮为特定大小类添加约束:

    以横屏 iPhone X 的方式呈现的启动屏幕

  13. 保存对情节提要所做的更改。 在模拟器或设备上运行应用,启动屏幕将在应用启动时可见。

注意

用作启动屏幕的情节提要必须仅包含简单、内置 UI 元素,且不能执行任何计算或派生自自定义类。

有关使用统一情节提要创建启动屏幕的详细信息,请参阅统一情节提要指南的动态启动屏幕部分。

迁移到启动屏幕情节提要

更新现有应用以对其启动屏幕使用情节提要时,右键单击“解决方案资源管理器”中的“项目名称”,然后选择“添加”>“新文件...”。选择“iOS”>“启动屏幕”,然后单击“新建”按钮:

选择 iOS 启动屏幕

接下来,双击“解决方案资源管理器”中的 Info.plist 文件进行编辑。 在“启动屏幕”下,选择上面创建的新情节提要文件。

选择上面创建的新情节提要文件

若要使用新的情节提要作为启动屏幕,请执行以下操作:

  1. 在“解决方案资源管理器”中双击 Info.plist 文件,将其打开以进行编辑。

  2. 滚动到编辑器的“通用启动图像”部分,打开“启动屏幕”下拉列表,然后选择上面创建的情节提要的名称:

    将启动屏幕设置为情节提要