如何修改Xcode中#imageLiteral的内联图片背景色？

我完全懂你的困扰——#imageLiteral用起来确实比UIImage(named:)方便太多，但白色图片在白色代码背景下直接“隐身”，确实容易搞混。针对你使用的Xcode Version 9.3.1 (9E501)，给你几个实用的变通方案：

• 给图片添加Debug变体（推荐）
  在Assets.xcassets里选中你的白色图片，点击右侧检查器的Variants选项，添加一个Debug变体。然后给这个Debug版本的图片加一个浅灰色背景（无需修改原图，仅调整Debug变体即可）。这样在开发调试阶段，Xcode的内联预览会显示带背景的Debug版本，能清晰看到图片；发布打包时用的还是无背景的原图，完全不影响运行效果。

• 自定义带标注的代码片段
  虽然你觉得加括号不够理想，但可以通过自定义Xcode代码片段优化体验：

  1. 选中代码：#imageLiteral(resourceName: "") /* ⚪️ 白色图片 */
  2. 将其拖到右侧的「代码片段库（Code Snippet Library）」中
  3. 设置触发词（比如imageLiteralWhite），之后输入这个触发词就能快速插入带醒目标注的版本，至少能提醒你此处存在白色图片。

• 临时切换深色背景查看
  如果你只是偶尔需要确认图片是否存在，可以用快捷键Cmd + Shift + A打开动作面板，搜索Toggle Dark Mode临时切换到深色背景，确认后再切回白色背景。这个方法无需修改任何内容，适合临时检查场景。

另外补充：如果你之后有机会升级到Xcode 10及以上版本，新版本对白色图片的内联预览做了优化，会自动给白色图片添加淡灰色边框，无需额外设置就能看清。不过针对你当前的版本，上面的方案应该能有效解决问题。

内容的提问来源于stack exchange，提问作者shim