工业视图：矢量化视图

今天的iOS建筑工人食谱：如何使用通过PaintCode创建的自定义UIView在iOS项目中“矢量化”一个以太坊图标文件。 在适当的情况下使用，在代码中绘画一些图标将使该项目更加敏捷，更加幸福，并与世界全面实现精神和情感上的和平。

问题

在日常的工业iOS工作中，开发人员会为iOS应用遇到很多图像。 通常这些文件打包为PNG或JPG文件，因此随着时间的推移，该项目最终会产生数十个图像文件。

有时，您的设计师会要求您对图标进行颜色或大小上的细微调整，而来回剥离图像文件可能会很累。 尽管有很多出色的工具（Zeplin，Sketch等），但手动将图像文件一次又一次地添加到Xcode中并造成潜在的合并冲突总是很麻烦的。

解

使用PaintCode创建自定义UIView，它将始终绘制您需要的所有变体，所有A / B测试组合。 是的

图标最适合绘图吗？

我上线了，从jax gotham找到了一组50个以太坊图标，可以在SVG中使用，并且是开源的……谢谢Jax！

通常，当图标没有太多点并且很容易调整大小时，它们非常适合这种矢量化的UIView。

只需将ethereum-coin3.svg拖到PaintCode中，它就会在下面的代码翻译中显示，非常好！ 正如Caroline Begbie所指出的那样，PaintCode还是学习iOS（和其他平台）上Core Graphics和UIKit上绘图的一种好方法。

我对这些层进行了分组和调整，以便以后可以在代码中对其进行自定义。 自定义颜色，然后将它们分配给特定的组以供以后自定义也是一个好主意。

调整大小限制功能是PaintCode最好的功能之一。 您只需要对元素进行分组，然后将它们放置在框架下-这将使图标随框架正确调整大小。

您可以从PaintCode的代码菜单中复制和调整代码，也可以将其导出为StyleKit：此StyleKit可以包含多个图标和自定义颜色的绘图代码。

一旦在Xcode中提供了CryptoCoin样式包，就可以很容易地对代码进行调整，以执行基本的工作，例如为每个组设置颜色（完整代码）：

  公共 类 CryptoCoin：NSObject { 

  @objc 动态 公共 类 func drawEthereumcoin3（frame：CGRect = CGRect（x：0，y：0，宽度：1024，高度：1024）， 

  coinColor：UIColor = .white， 

  outlineColor：UIColor = .black， 

  logoColor：UIColor = .black， 

  gleamColor：UIColor = .black）{ 
  /// 

以太坊硬币视图

这是日常使用的原始模板，以及用于日常情况的默认初始化器。

就是这样！ 现在，您已经有了一个不错的UIView类，可以随时用于工业化日常使用：

PaintCode的绘图代码也可以用作更复杂的动画和绘图的起点！