uni-app iOS 安装成功后 App 图标配置指南
在开发 uni-app 应用时，正确配置应用图标是给用户留下良好第一印象的重要步骤。本文将手把手教你如何在 iOS 平台配置应用图标，适合刚入行的小白开发者。
流程概述
以下是 iOS 图标配置的基本流程：
| 步骤 | 描述 |
|---|---|
| 步骤 1 | 准备图标文件 |
| 步骤 2 | 配置 manifest.json 文件 |
| 步骤 3 | 使用 Xcode 打包和测试 |
flowchart TD
A[准备图标文件] --> B[配置 manifest.json]
B --> C[使用 Xcode 打包和测试]
步骤详细说明
步骤 1：准备图标文件
首先，你需要准备应用的图标文件。通常，iOS 应用图标需要多种尺寸，常见的包括：
- 1x: 180x180 px
- 2x: 120x120 px
- 3x: 60x60 px
确保你将这些图标保存为 PNG 格式，并命名为 icon-60@2x.png, icon-60@3x.png, icon-60@1x.png 等。保存时，确保它们放在项目的某个目录下，比如 src/assets/icons/。
步骤 2：配置 manifest.json 文件
接下来，需要配置 manifest.json 文件，以便 uni-app 知道你的图标文件在哪里。
打开项目中的 manifest.json 文件，并找到 app-plus 部分，进行如下配置：
{
"app-plus": {
"icon": {
"android": "/static/icon.png", // 安卓图标路径
"ios": {
"65x65": "/src/assets/icons/icon-60@3x.png", // 3倍的图标
"60x60": "/src/assets/icons/icon-60@2x.png", // 2倍的图标
"57x57": "/src/assets/icons/icon-60@1x.png" // 1倍的图标
}
}
}
}
在以上代码中：
"65x65": 表示 iOS 3x 尺寸的图标路径"60x60": 表示 iOS 2x 尺寸的图标路径"57x57": 表示 iOS 1x 尺寸的图标路径
通过配置这些路径，uni-app 能够在不同屏幕分辨率下显示适合的图标。
步骤 3：使用 Xcode 打包和测试
配置完成后，你需要使用 Xcode 打包应用并在模拟器中测试。整体流程如下：
- 使用
HBuilderX打包你的 uni-app 项目。 - 选择 "发行" 模式，设置 iOS 的相关选项。
- 打开生成的 Xcode 项目。
- 在 Xcode 中选择你的目标设备（如 iOS 模拟器）。
- 点击运行按钮进行测试。
确保在运行时，应用图标能正确显示，如果没有显示，请检查前两步的配置是否正确。
总结
以上就是在 uni-app 中配置 iOS 应用图标的完整流程。整个过程包含图标文件的准备、manifest.json 文件的配置以及使用 Xcode 进行打包测试。配置和测试至关重要，能够影响用户下载你应用的决定。希望通过本文的讲解，能够帮助到你，顺利完成 iOS 应用图标的配置。
如果你在过程中遇到了问题，别忘了查看 uni-app 的官方文档，也可以向社区寻求帮助。祝你开发顺利！
