如何在IOS中创建自定义标签栏图标– Khoa Nguyen –中

如何在IOS中创建自定义标签栏图标

在这里我们要做的是:

您可以单击标签栏图标来更改标签栏的图像。 有一些默认图像供您选择。

问题是您想选择自定义图像。 当选择不合适的图像时,您会得到什么。 蓝色的大个子。

解决方案:

从技术上讲,您必须执行以下步骤:

  1. 准备要用作标签栏图标的图像(应该使用黑白图像,这样就不必去除颜色)。
  2. 将背景设置为“透明”而不是白色。
  3. 从图像中删除所有白色,以便它只是具有透明背景的黑色图像。
  4. 将图像导出为尺寸为75x75 pixels (并命名为yourI mageName@3x.png ), 50x50 pixels (并命名为yourI mageName@2x.png )和25x25 pixels (并命名为yourI mageName.png )的mageName.png
  5. 将图像拖到Xcode中。
  6. 在Xcode的情节提要中选择要为其设置图像的选项卡,然后将“图像”(在“检查器”窗格中的“酒吧项”下)设置为yourI mageName

针对像我这样对设计不好的人的快速提示。

步骤1到步骤3 (准备图像的步骤),您可以使用来自http://www.flaticon.com/的白色图标(255,255,255)。

记住要下载白色!

然后,您需要在Photoshop中创建一个新文件。

然后,拖动从Flaticon.com下载的图像。

最后,通过File-> Save for Web轻松导出75×75,50×50和25×25的图像:)。 (如上述第4步

结论:

在这篇文章中,我向您展示了自定义标签栏图标的非常详细的方法。 希望你们喜欢它。

下篇再见!

参考:

http://stackoverflow.com/questions/30429844/swift-and-xcode-how-to-create-custom-tab-bar-icons