我们可以看到iOS18支持应用图标的色彩改变,这个改变需要开发者自行适配。

有色变体图标

作为开发者我们要进行一些适配才能让应用图标与其他图标色彩更加贴合。

人们可以自定义应用图标的外观为浅色、深色或彩色。您可以创建自己的变体,以确保每个变体看起来完全符合您的要求。

应用图标

设计您的深色和彩色图标,让您在系统应用程序图标和小部件旁边有宾至如归的感觉。您可以保留默认图标的调色板,但请注意,深色图标更加柔和,而浅色图标更是如此。一个伟大的应用程序图标是可见的,清晰的,可识别的,即使有不同的色调和背景。

绘制资源

目前图标需要添加两种形式,一种是你提供一个背景透明的彩色图标,一种是提供一个背景不透明的灰度图标

使用浅色应用图标作为深色图标的基础。选择反映默认设计的互补色,并避免过于明亮的图像。有关指导,请参见深色模式颜色,请删除背景,以便系统提供的背景可以显示出来。

图标设计

变体图标则是背景不透明的灰度图标,有着纯黑色的背景。iOS会根据图标的亮度变化来赋予颜色,

图标资源

例子(homeapp):

家庭app例子

灰度可以区分“透明度”,当然,整个图像是没有不透明的像素。

如何添加

在最新的xcode16.0以上版本支持添加。在iOS中选择SingleSize,然后在Appearances中选择Any, Dark, or Tinted

SingleSize

适配尺寸

添加图标

需要1024的图标尺寸。直接拖拽即可。

深色模式效果

着色图标效果

着色图标

鸣谢

感谢飞机弟提供的部分截图