PaintCode 用户操作指南（概述篇）

小提示：您能找到这篇{PaintCode 用户操作指南（概述篇）}绝对不是偶然，我们能帮您找到潜在客户，解决您的困扰。如果您对本页介绍的PaintCode 用户操作指南（概述篇）内容感兴趣，有相关需求意向欢迎拨打我们的服务热线，或留言咨询，我们将第一时间联系您！

PaintCode是由来自斯洛伐克首都伯拉第斯拉瓦的软件公司推出的，一款面向iOS和Mac应用开发者及设计师的矢今日头条家居茶几招商加盟量图形可视化开发工具。通过PaintCode，即使是没有编程经验的设计师也能绘制出精美的控件、图标及其他UI元素。而PaintCode最为显著的一点就是能够直接生成适用于iOS的Objective-C或Swift的代码，节省了大量的编程时间，也正因如此，许多开发者将其称为设计与开发通吃的代码神器。

从解决“依赖”中释放自己是一个巨大的进步，在一个生态系统之上，有效节省了团队开发iOS应用的时间，还解决了现在头痛的事情。

概述（Overview）

PaintCode是一款矢量图设计工具，能够实时将设计的图转化成Objective-C, Swift 或者 C# 语言图像代码。PaintCode界面分为工具栏（Toolbar）、选项卡（Tabs）、库（Libr公关危机程度分为几个时期ary）、画布（Canvases）、代码视图（Code View）、浏览（Browser）、检查器（Inspector）等几个部分，能够提供设计师想要的东西。

工具栏（Toolbar）

工具栏在界面的顶部，包含常用的设计工具。

选项卡和样式表（Tabs & StyleKit）

选项卡栏在界面中间部分、工具栏的下方。设计师可以适用选项卡来管理设计师设计的 PaintCode 文档。每一海底捞危机公关发布会个选项卡可以包含多个绘制的画布。

第一个选项卡（名字是“StyleKit”）非常特别，设计师能够在这里看到设计师设计内容的样式目录——设计师的设计列表、颜色、渐变以及其他设计元素。并且，设计师能够很容易的将他们输出为Objective-C、Swif t或者 C# 类。StyleKit 把集成设计代码到设计师的项目中，变得十分简单。

库（Library）

画布（Canvases）

在工具界面中间包含最近选中选项卡中的内容。在这个区域中，设计师将看到一个或者多个画布。

代码视图和中间工具栏（Code View & Middle Toolbar）

使用中间工具栏，可以切换代码选中设置（例如目标生成语言以及操作系统）。还可以改变画布大小以及分辨率的设置（Retina，non-Retina 或者无限模式）。

代码视图在中间工具栏的下面，包含生成的代码。设计师可以拖动中间工具栏来隐藏代码视图。这样就能够留出来更大的空间来绘制图形，当然，这样也能够在处理复杂的文档的时候，改进界面展现。

图形和组浏览（Shapes & Groups Browser）

图形和组浏览在界面的右侧，工具栏下方。在这里能够看到当前选择画布中的所有图形。设计师可以看到所选择的画布在列表的底部。当设计师选择画布的时候，设置就在下面的检查其中显示出来。

检查器（Inspector）

检查器在界面的右侧，设计师可以通过检查器，改变在画布中设计师选择的图形或者选项的属性。

PaintCode 用户操作指南系列文章

文章已经完结，敬请期待下一部《Sketch 3用户操作指南及实战案例全解》

本作品由特邀专栏作家 翻译并独家授权发布，