加入收藏 | 设为首页 | 会员中心 | 我要投稿 PHP编程网 - 黄冈站长网 (http://www.0713zz.com/)- 数据应用、建站、人体识别、智能机器人、语音技术!
当前位置: 首页 > 运营中心 > 建站资源 > 策划 > 正文

PaintCode 用户操作指南(绘制篇)

发布时间:2016-10-17 13:23:10 所属栏目:策划 来源:人人都是产品经理
导读:副标题#e# 图形(Shapes) 创建新图形(Creating a new shape) 首先,从工具栏中选择设计师要的图形。 在画布中点击任意位置,然后按住鼠标左键不动。 拖动光标。 当到达设计师满意的大小的时候,放开鼠标左键。 在画布中鼠标点击的点和设计师放开鼠标的点

混合模式影响一个组的内容是如何画在底层的。可以看苹果的混合模式文档,了解更多信息。

00023

00023

裁剪(Clip)

在组检查器中,设计师可以(可选)制定裁剪图形,裁剪只限定在组中。裁剪的形状,在画布中,看起来是一个白黑色虚线。

智能组(Smart Groups)

当调整和移动智能组中的图形时,设计师可以定义改组中的内容。允许设计师,例如,创建一个可调整大小的用户界面控件,然后,可以在画布上多次方便地使用。每个控件都能够以独立的智能组的形式展现,而且操作容易:

00024

00024

很容易制作智能组。首先,使用框架创建动态绘制。然后,只需要选择整个图形(包括框架)并编组。由此产生的组就是一个智能组——当设计师调整大小、定义内容图形与框架关系的时候,组中的内容将根据制定的大小来调整。

00025

00025

如果设计师已经有了一个组,设计师可以通过添加内部框架,来轻易制作智能组。

事实上,常规组与智能组唯一的区别是框架。如果设计师把框架加入组,框架将影响同组中的其他图形。

00026

00026

在界面右边,可以看到滑杆控件智能组的结构。通过为组添加框架,来设置调整大小。我们已经创建了一个组,很容易跨越文档调整大小(并且能够重复利用)。

变换(Transforms)

变换允许设计师针对图形和组,旋转(Rotate)、缩放(Scale)以及调整位置(Offset)。与Raster 绘图应用相比,PaintCode让设计师变化图形而没有任何质量损失。

应用在图形中的变换,在生成代码中被转化为2D 仿射变换。注意,设计师可以连接到形状变量来变换图形的属性,这在决策参数图中是伟大的,例如,利用旋转,就像圆形进度指示器。

所有重要的变换属性都会在检查器的变换盒中。默认情况下,这个变换属性盒子是折叠的:

00027

00027

转换源点(Transform Origin)

这个绿色的标志被称为“变换源点”,它非常重要。变换源点是所有变换的起始点。这意味着,当设计师旋转图形,旋转会以变换源点为基础。这与缩放和位移一致。变换源点只有当变换在检查器中开启的时候才会显示。

00028

00028

旋转变换(Rotation Transform)

(编辑:PHP编程网 - 黄冈站长网)

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

热点阅读