Principle常用功能介绍

principle优点：

1.上手快，易学，综合体验棒。

2.界面和sketch如出一辙，支持sketch文件导入，如果说photoshop的原配是AE,那么

sketch的最佳搭档就是principle

支持平台：

开发者基于mac开发，目前只支持mac端应用。

1.了解Principle

绘图 Canvas

屏幕中心区域是绘图空间，绝大部分工作将会在这里完成。它包括所有画布和画布间的跳转关系。被选中的画布将会以绿色边框高亮显示。

预览 Preview

预览功能可以随时操作预览你的设计草稿，它默认锁定在屏幕右上。当然你可以拖拽预览窗口到软件窗口外解锁。点击关闭按钮即可重置预览窗口到工作区右上角。拖拽预览窗口四角可以改变窗口大小，窗口大于画布时，画布不会放大，但窗口小于画布时会等比缩小。

图层列表 Layer List

图层列表在软件的左下，它显示了全部画布、子图层、图层间的层级关系。在图层列表中拖拽图层可以可以成组或解组。拖拽画布排序即改变画布在屏幕中的显示位置顺序。点击眼睛可以切换隐藏显示图层以便编辑，但不影响在预览窗口中的可见性。

检查器 Inspector

工作区左侧，图层列表上方是检查器，在这显示了选中图层的各种属性，包括：对齐操作、X/Y坐标、长/宽、角度、缩放、透明度、圆角率、关联的图片、颜色填充、组合裁剪、水平/竖直操作。

动效视图 Animate View

点击顶部“Animate”工具按钮或点击画布间的跳转箭头即可打开动效视图。它通常用来调节切换动画的时间和动画曲线。

联动视图 Drivers View

点击顶部“Drivers”工具按钮打开动效视图。它通常用来创建逐帧的补间交互动画。

矩形 Rectangles

点击左上角“矩形”图标或使用快捷键“R”来画一个新的矩形。如果想画一个圆，只需把圆角率调成一个非常大的数值。把图片拖到检查器的图片区中可以给图形设置图片背景。新矩形默认尺寸为44x44像素，这是因为在iOS中至少44x44的区域才方便点击。

文本 Text

文本和矩形的属性参数类似，只多了字体、对齐方式、字体大小。字体和对齐方式两个属性不能动态变化。

Principle 中使用的字体可能在iOS设备中不存在，所以这可能导致在设备连接“镜像”时不显示文字。使用常规字体或安装所需字体来解决这个问题。

画布 Artboards

Principle的画布跟其他绘图软件很相似，每一个画布代表了你一个独立的设计状态，你可以随意修改其尺寸大小以适应不同的设备。创建画布，可点击工具栏左上角的“画布”图标，或者快捷键A来增加一个新画布。

导入 Import

从 Sketch 和其他软件中复制粘贴图片到 Princile 中默认是1倍大小。所以在导入 Principle 前，图片最好导出为高清分辨率来保证显示正常。

2.重点功能翻译

点击 Tap

点击是最常见的事件，多数用于可点击的按钮。触发非常简单：按下，松开，发射！

长按 Long Press

按住0.5秒后触发事件。

滚动开始 Scroll Begins

当一个部件图层开始滚动时触发事件。使用前需要打开可滚动属性。

滚动释放 Scroll Released

当部件图层滚动并抬起鼠标时触发事件。注：此时滚动可能还没停止，只是鼠标松开了。这个事件同时对滚动和翻页起作用。使用前需要打开可滚动属性。

滚动结束 Scroll Ended

当滚动完全停止时触发事件。这个事件同时对滚动和翻页起作用。由于必须完全停止后才触发事件，所以整个动画可能有很长时间的延迟等待动画完全结束。使用前需要打开可滚动属性。

拖拽开始 Drag Begin

当按住部件，开始移动时，就会触发这个事件。使用这个事件的前提是要打开部件的可移动属性(draggable)，如果在目标画布有同样名称的图层部件，不出意外完成拖拽事件后部件的位置就确定了。

拖拽结束 Drag End

拖拽图层部件之后松开鼠标会触发事件。同样在使用之前需要打开可移动属性。

按下 Touch Down

当鼠标按下时触发事件。可以用于制作按钮的按下效果。

释放 Touch Up

当鼠标抬起时触发事件。注：鼠标从外部按下，移入有事件的部件图层，这样是不能触发事件的。必须在带有事件的部件图层按下才可以触发事件。

鼠标移进 Hover Inside

当鼠标移进一个图层时触发事件。

鼠标移出 Hover Outside

当鼠标移出一个图层时触发事件。

自动跳转 Auto

当进入设置此属性的画布时，自动触发。多用于循环原型或复杂的多步骤动效。注意：只有当鼠标进入预览区域时才会触发事件。这一举措是为了节省电池寿命，和你的精神。

动效翻译

联动翻译