PaintCode 用户操作指南（库篇）

黑色内阴影适合切口形的用户界面：

当设计师要是用图像的时候，有几种情况。设计师可能想在设计师的设计中使用真实的照片，因此我们添加了图像支持，能够让设计师在 PaintCode 中使用：

图片库选择能够让设计师创建并管理图片。设计师能够提供 Retina 和 非Retina 两种图片。

导入图片到文档中最方便的方式是，在 Finder 中选择图片并拖动他们到库选项中。PaintCode 会在导入过程中，自动适配Retina 和 非Retina 图片。如果设计师不适用 @2x 的命名约定，PaintCode 甚至分析适配图片中的内容。

另外，设计师还可以通过以下方式导入图片：

使用 文件／导入 按钮

在图片编辑器中选择并拖动图片到图片显示器

在图片编辑器中双击图片显示器

使用图片（Using an image）

图形能够被图像填充，方法是单击并拖动图像连接点到画布中的图形上：

或者，当检查器中的填充显示器为空的时候，设计师可以点击显示器，弹出所有可用的填充的文本按钮选项：

最后，可以在检查器中选择右侧的填充，使用填充弹出按钮：

图片填充行为（Image Fill Behavior）

有 3 中图形填充行为：

此外，设计师还可以设置图像 X 和 Y 的偏移值。

通常，非Retina 图像能够替代画布中正在使用的图像。然而，当设计师在 PaintCode 中打开 Retina 模式，Retina 就会被使用。生成代码在这方面也非常普遍，在 Retina 和 非Retina的显示器中（当然，除非设计师提供必要的图像在设计师的项目中）。

所有倒入到 PaintCode 的图像被存储在 PaintCode 文件中，所以在设计师把 PaintCode 文件传给其他设计师或开发人员的时候，设计师不必担心图片会丢失。设计师还可以通过导出功能，将这些图像导出存放到硬盘中。

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

PaintCode 用户操作指南（库篇）

PaintCode 用户操作指南（绘制篇）

PaintCode 用户操作指南（画布和选项卡）

PaintCode 用户操作指南（样式表和代码生成）

PaintCode 用户操作指南（变量篇）

PaintCode 用户操作指南（动态图形篇）

PaintCode 用户操作指南（符号篇）

更多文章将陆续发布，敬请关注。

本作品由人人都是产品经理特邀专栏作家@郑几块 翻译并独家授权发布，未经许可禁止转载

注：相关网站建设技巧阅读请移步到建站教程频道。

（编辑：PHP编程网 - 黄冈站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!