capacitor配置ios应用图标不同尺寸

打开ios/App/App/Assets.xcassets/AppIcon.appiconset/Contents.json

复制代码
​
{
  "images": [
    // iPhone 主屏幕图标(60pt,@2x和@3x)
    {
      "filename": "AppIcon-60@2x.png",
      "idiom": "iphone",
      "platform": "ios",
      "size": "60x60",
      "scale": "2x"
    },
    {
      "filename": "AppIcon-60@3x.png",
      "idiom": "iphone",
      "platform": "ios",
      "size": "60x60",
      "scale": "3x"
    },
    // iPad 主屏幕图标(83.5pt,@2x)
    {
      "filename": "AppIcon-83.5@2x.png",
      "idiom": "ipad",
      "platform": "ios",
      "size": "83.5x83.5",
      "scale": "2x"
    },
    // 设置页图标(29pt,@2x和@3x)
    {
      "filename": "AppIcon-29@2x.png",
      "idiom": "universal",
      "platform": "ios",
      "size": "29x29",
      "scale": "2x"
    },
    {
      "filename": "AppIcon-29@3x.png",
      "idiom": "universal",
      "platform": "ios",
      "size": "29x29",
      "scale": "3x"
    },
    // App Store 展示图标(1024x1024)
    {
      "filename": "AppIcon-512@2x.png",
      "idiom": "universal",
      "platform": "ios",
      "size": "1024x1024",
      "scale": "1x"
    }
  ],
  "info": {
    "author": "xcode",
    "version": 1
  }
}

也要导入相应尺寸的图片

关键参数说明:

  • size:图标逻辑尺寸(单位 pt),如 60x60 表示 60pt,AppIcon-60@2x.png这个图片需要60 * 2=120px的,所以AppIcon-60@2x.png需要120px * 120px尺寸的;AppIcon-60@3x.png需要60 * 3 = 180px,也就是需要180px * 180px的。

  • scale:缩放倍数(1x/2x/3x),实际像素尺寸 = 逻辑尺寸 × 缩放倍数(如 60x60@2x 对应 120x120 像素)

  • idiom:设备类型(iphone/ipad/universal 通用)

配置后需注意:

  1. 确保每个 filename 对应的图片文件已放入 AppIcon.appiconset 文件夹

  2. 运行 npx cap sync ios 同步到原生项目

  3. 清理 Xcode 缓存后重新构建

这样就能适配不同设备的图标显示需求了。

相关推荐
wjm0410064 小时前
ios内存管理
ios·objective-c·swift·客户端开发
黑科技iOS上架5 小时前
ios应用被封号后再次上架很难么?
经验分享·ios
柚鸥ASO优化10 小时前
一篇讲透安卓ASO!开发者千万别只盯着iOS了
android·ios·aso优化
黑科技iOS上架10 小时前
Swift Package Manager包管理工具的优缺点
经验分享·ios
大熊猫侯佩14 小时前
Swift 6.4 的 Ref / MutableRef 大揭秘:给值类型开一扇“安全的小窗”
ios·swift·编程语言
黑科技iOS上架15 小时前
没有mac电脑如何借助windows系统上传ipa到App Store
经验分享·ios
Layer16 小时前
从 WWDC 26 空间重构(Spatial Reframing)再看端侧 2D 转 3D 的技术演进
ios·aigc
Cutecat_1 天前
视频字幕处理工具横向:提取模式 vs 编辑模式,该如何选择
android·前端·ios·语音识别
大熊猫侯佩1 天前
WWDC26 SwiftUI 进化之路:砸碎黑盒,彻底迎来开发自由!
ios·swiftui·swift
游戏开发爱好者81 天前
iPhone真机调试有哪些方法?一次定位推送权限问题时整理出来的几种方案
ide·vscode·ios·objective-c·个人开发·swift·敏捷流程