图标与启动屏

79次阅读
没有评论

共计 2092 个字符,预计需要花费 6 分钟才能阅读完成。

图标与启动屏

在项目栏中的图标和屏幕截图文件夹包含一组用于项目图标、启动画面或屏幕截图的图像文件。具体使用的图像取决于你导出的平台,但在可能的情况下,Construct 会自动使用文件夹中的图像。

图像用途

当你在项目栏中的图标和屏幕截图文件夹中选择一个图像时,属性栏会更新以显示该图像的属性。最重要的属性是“用途”属性。这告诉 Construct 你想用这个图像做什么。下面描述了不同用途及其用途。

未设置

如果目的是(未设置),Construct 不会自动将此图标用于任何内容。它将被视为与你的项目捆绑在一起的简单图像文件。如果你想在导出后手动配置图标,这可能很有用。这也是新导入图像文件的默认设置,因此如果你打算将图标用于其他目的,导入后可能需要更改它。

应用图标

这将使用图像作为标准应用图标。这用于移动设备上的应用、桌面导出、网页上的页面图标,以及可安装 Web 应用的应用图标。
图标大小自动从图像大小派生。对于大多数平台,图标应该是正方形的,通常在一系列二的幂大小中,如 32×32、128×128、256×256 等。大多数平台支持一系列图标大小,因此 Construct 将在导出的项目中列出所有具有此目的的图标,目标平台将从可用集合中选择适当的图标大小。

应用图标可遮罩

目前,此目的特定于可安装的 Web 应用(渐进式 Web 应用,或 PWA)。Construct 的所有 Web 导出都是 PWA,因此在支持的浏览器中可以安装,例如添加到设备主屏幕。可以使用应用图标目的,但也可以提供可遮罩的图标,其中图像的外部 10% 边缘可能会被裁剪。这用于为系统提供更多灵活性,以决定如何裁剪或成形图标。与应用图标一样,您还可以提供不同大小的多个可遮罩图标。
您可以使用 maskable.app 测试可遮罩图标,并在 web.dev 页面上阅读有关它们的更多信息。

加载徽标

加载徽标是在加载项目时显示在加载屏幕上的图像。通常这与 Web 导出最相关,因为项目可能需要一段时间下载,在此期间显示加载屏幕。其他导出类型,如应用,将所有资源本地捆绑,因此通常加载速度足够快,以至于看不到或只看到短暂的加载屏幕。
要显示加载徽标,项目的 Loader 样式属性必须设置为进度条和徽标。进度条将出现在加载徽标下方,宽度与加载徽标图像相同。您也只能指定一个加载徽标图像。

自适应前景 / 背景

目前这些目的特定于 Android 导出,用于指定自适应图标。类似于可遮罩图标,这些是为 Android 的特殊图标,包括两层,并且也可能被系统裁剪以调整其外观。有关 Android 如何使用这些图标的更多信息,请参阅 Android 开发人员文档中的自适应图标部分。
要指定自适应图标,您需要添加两个具有相同图像大小的图标,例如两者都是 256×256 像素。将一个设置为使用自适应背景目的,另一个设置为自适应前景目的。当为 Android 导出时,Construct 将作为单个自适应图标导出图标对。
通过这种方式添加多个图标对,只要每对具有不同的图像大小,您也可以指定多个自适应图标。Construct 将为 Android 导出所有图标对作为自适应图标,系统将从可用集合中选择适当大小的自适应图标。

iOS 启动画面

此目的特定于 iOS 导出。具有此目的的图像用作通用启动画面图像。注意,根据视口的大小,此图像可能会被显著裁剪 – 图像居中显示,因此任何重要细节都应位于中间,其余图像装饰性。
创建启动画面时,Construct 首先创建一个填充项目 Splash 颜色的 2732×2732 图像。然后,将启动图像居中粘贴在此图像上。注意,如果没有指定启动图像,则将使用具有加载徽标目的的图像代替。

Android 启动图标

此目的特定于 Android 导出。具有此目的的图像在首次加载应用程序时用于启动屏幕上。注意,此图像可能会被 Android 显著裁剪。有关所需图像大小和 Android 如何裁剪它的指导,请参阅官方 Android 设计指南。

屏幕截图

此目的表示给定图像是项目的屏幕截图,适合用作预览项目外观的预览。目前,这仅用于 Web 导出,以便允许将屏幕截图添加到渐进式 Web 应用(PWA)安装提示中,这也称为更丰富的安装 UI。为图像选择“屏幕截图”目的时,会出现另外两个属性:

  • 标签:图像的简短描述,可能用作屏幕截图的标题。
  • 形态因素:指示屏幕截图的类型。通常,“窄”用于移动屏幕截图,“宽”用于桌面屏幕截图。建议至少添加一个“窄”和一个“宽”屏幕截图以确保显示更丰富的安装 UI。

    手动自定义图标和启动画面

    一些平台,特别是在移动设备上,需要各种大小和格式的图标和启动画面范围广泛。这些格式也可能随时间变化,因为系统更新发布了新的要求。
    虽然 Construct 提供了指定基本图标和启动画面的选项,但对于完全控制,您可能希望参考特定于平台的开发人员工具。例如,当使用 Xcode 或导出到 Android Studio 时,您可以使用开发人员 IDE 来指定可能的全部图标和启动画面范围。有关使用这些工具的更多信息,请参阅 Apple 的 Xcode 文档和 Android Studio 的文档。注意,(未设置)图标用途可能可用于捆绑在这些工具中导出后手动配置的图像文件。

正文完
 0
评论(没有评论)