xcode：颜色图标在情节提要中显示为灰色方块

Posted 2023-03-16

【中文标题】xcode：颜色图标在情节提要中显示为灰色方块

【英文标题】：xcode: color icons appear as grey squares in storyboard

【发布时间】：2014-05-20 02:23:31

【问题描述】：

当我在 xcode 中将黑白或灰白色图像添加到图像集中，然后从选项卡式按钮栏项部分中选择它时，它会毫无问题地出现在情节提要中。但是当我对彩色图像执行相同操作时，它在情节提要中显示为灰色方块。

步骤：（灰色） 1. 将 png（或其他图像文件）导入 Prepo。 结果：Prepo 创建了一批图像。 2. 将图像从 Finder 拖入“第三”图像集的 1x 和 2x 部分。 结果：图标图像出现在图像集选项卡中，没有问题。 3. 切换到故事板。从情节提要的 Bar Item 部分中选择“第三个”图像集。 结果：图标出现在相关视图控制器的情节提要中。 步骤：（颜色） 1. 将 png（或其他图像文件）导入 Prepo。 结果：Prepo 创建了一批图像。 2. 将图像从 Finder 拖入“第二个”图像集的 1x 和 2x 部分。 结果：图标图像出现在图像集选项卡中，没有问题。 3. 切换到故事板。从情节提要的 Bar Item 部分中选择“第二个”图像集。 结果：图标未出现在相关视图控制器的情节提要中。覆盖栏项目是一个灰色的矩形。

【问题讨论】：

您现在有足够的声誉将图像放入您的问题中。为什么不编辑您的问题以显示您在说什么。当我们讨论这个主题时，您能否打开条形项目的检查器并显示它设置为显示的图像？

对此感到抱歉 - 永远不要考虑添加图片。我也添加了检查器打开的图像。

【参考方案1】：

当您设置 UITabBarItems 的图像属性时，它会自动将图像的渲染模式设置为模板。如果您想使用全彩色图像作为选项卡项图像，您应该将图像的渲染模式显式设置为UIImageRenderingModeAlwaysOriginal。您可以通过选择图像、打开右窗格并将渲染设置为“原始图像”在 .xcassets 文件夹中进行设置。

现在标签栏只查看图像的 alpha 值并将其着色为灰色。更多信息可以查看UIKit User Interface Catalog