如何使用免费的标签栏图标图像作为栏按钮图像？答案

【问题标题】：How to use free tab bar icon images as bar button image?如何使用免费的标签栏图标图像作为栏按钮图像？
【发布时间】：2011-10-30 11:49:07
【问题描述】：

我得到了一些适用于 iOS 的免费图片图标，例如，http://glyphish.com/

但我认为这些图像适用于标签栏图标，而不适用于栏按钮图像。我使用这些图像来制作条形按钮，但由于图像中的 alpha，它看起来并不好。条形按钮图像需要纯白色图像。

有什么好的bar按钮图片吗？
或者，如何编辑图像以在条形按钮图像中使用？我不熟悉像photoshop这样的图形工具。
或者，我可以通过更改条形按钮属性来使用图像吗？我认为如果图像可以反转，它会更好。

【问题讨论】：

标签： ios icons uibarbuttonitem tabbar

【解决方案1】：

假设您正在开发一个 HTML/CSS/Javascript 应用程序 - 您看过 Jquery Mobile 吗？

您可以使用他们的标准条形图标，它们是带有 alpha 背景的白色 - 请参阅按钮图标上的 JQM 文档here。

所以关于你的问题：

1) 是的，例如，您可以坚持使用框架提供的自定义图标

2) 您可以随时在 Photoshop 或（我更喜欢）Inkscape（免费且更简单）中绘制自己的图标。例如，我在 Inkscape 中做了this。在 Jquery Mobile 中运行良好。

3）反转图像 - 如果您正在谈论使用图像作为“掩码” - 您只能在 Webkit 浏览器上使用 -webkit-mask-image 属性而不更改图标（例如：here。如果您需要跨不同的设备，你必须从背景图像中剪下图标。我在我的cross-browser tab-bar中做到了这一点

【讨论】：

感谢您的回答，但我正在为 iOS 的纯应用程序制作图像。我的问题实际上是“如何用photoshop编辑图像”，我想我最好问问我办公桌旁边的设计师朋友。我很抱歉这么说。
没问题 :-) 我一直在使用 Photoshop 和 inkscape 制作图标。如果你不做渐变背景，我认为 Inkscape 更容易用于一次性用户。祝你好运。