Mucahit Kokdemir

前端与移动端开发者

Clear, Tinted and Dark App Icons in iOS 27 (and the Glass Slider)

iOS 27 的透明、着色与深色应用图标(以及玻璃滑块)

简短答案:长按主屏幕的空白处,轻点“编辑”,再点**“自定义”,然后为图标选择“浅色”“深色”“透明”或“着色”。界面的其余部分,请打开“设置”“外观”“液态玻璃”**并拖动滑块。这是两个不同的控制项,各管一件事,但人们总是把它们搞混。


把两个控制项分开看

图标外观在主屏幕上,不在设置里。它改变应用图标的绘制方式:普通的浅色图标、深色版本、玻璃质感的“透明”,或者“着色”,也就是你挑一个颜色,所有图标都采用它。

液态玻璃滑块在“设置”“外观”“液态玻璃”里,是 iOS 27 的新增项。它不会动你的图标。它控制系统界面有多通透:菜单、工具栏、弹出面板、控制中心。往“透明”拉,一切看起来更轻、更透。往“着色”拉,同样这些表面会得到一层实底,在花哨的墙纸上更容易看清。

没有任何开关可以关掉液态玻璃。滑块就是 Apple 给出的控制项,把它拖到“着色”已经是你能做到的极限。

如何更改图标外观

  1. 长按主屏幕的空白处,直到图标开始晃动。
  2. 轻点**“编辑”,再点“自定义”**。
  3. 选择**“浅色”、“深色”、“透明”或“着色”**。“着色”会给你一个取色器。
  4. 轻点任意位置结束。

最受关注的是“透明”:图标变得像玻璃,并从墙纸上取色。在有一定对比的墙纸上最好看,在杂乱的照片上最糟,因为好几个图标会变得无法分辨。

没人提的那一点:小组件不会跟随

图标外观是系统施加在应用图标上的。小组件自己绘制内容,所以不会继承“透明”或“着色”。把主屏幕设成“深色”,一个塞满明亮应用图标的小组件,忽然就像页面上破了个洞。

WidgetLoft 特意处理了这一点:

  • **真正的深色图标。**Apple 系统图标的真实深色版本随应用一起提供,最常见的第三方图标的深色版本也已预先制作,所以深色主屏幕在小组件内部同样保持深色。
  • **按外观设置的自定义图标。**你可以为每个应用分别设置浅色模式的图片和深色模式的图片。
  • 透明的小组件背景(iOS 26 及更高版本),让小组件落在墙纸上,而不是一张灰色卡片上。

关于深色模式应用图标和透明小组件,各有一篇单独的说明。

哪种组合真的好看

  • **透明图标、素净的墙纸、透明小组件。**iOS 27 能做出的最干净的样子,也是玻璃效果本来想要的场景。
  • **深色图标、深色墙纸、深色小组件方块。**可读性最好,也最不依赖你的墙纸。
  • **单一颜色的着色图标,配上相称的自定义小组件方块。**最有个人风格,也最费工。

不要把“着色”和照片墙纸搭在一起。所有东西都会糊成同一种颜色,你会开始靠位置找应用。

常见问题

iOS 27 里可以关闭液态玻璃吗? 不行。“设置”“外观”“液态玻璃”里的滑块是唯一的控制项,它只在更通透和更着色之间移动。

“透明”对每个应用都有效吗? 它作用于整个主屏幕。提供了合适图标图层的应用看起来正常,其余则由系统近似生成。

小组件里的应用图标会跟随图标外观吗? 不会,小组件是自己绘制的。这正是 WidgetLoft 内置真实深色图标和按外观替换图片的原因。


想让启动器小组件配合透明或深色主屏幕,而不是和它对着干?在 App Store 下载 WidgetLoft。