绘图

乍一看，Principle 其实很像一个图形设计工具，就像你用过的其他工具一样。Principle 中可以创建一些基本的图形或者导入图片。

画板

Principle 的画板的工作原理与其他绘图程序类似：每个画板代表你的设计的一个独特状态。画板的大小可以改变，以适应不同的设备，或窗口的大小。所有的画板都有相同的尺寸。如果你需要改变尺寸，以模拟旋转或窗口尺寸的变化，请将画板设置为你需要的最大尺寸，并使内容在该区域内触发变化。

预览窗口显示的画板在编辑器中会有一个绿色的边框；新的图层会被添加到这个画板上。

矩形

点击工具栏上的矩形按钮或按下 “R” 键来在当前画板上添加一个新的矩形。通过将矩形的半径设置为一个比较大的值，可以创建圆形。通过将图像（PNG、JPEG、TIFF）拖到属性栏中的图像属性上，可以为矩形添加一个图像背景。

文本

文本图层的属性与矩形图层类似，但增加了字体、对齐方式和大小。注意：字体和对齐属性不能被动画化。

自定义字体

并非你电脑上的所有字体都可以在 iOS 上使用。你可以使用像 AnyFont 这样的应用程序在你的设备上安装非 iOS 字体。

图片、视频、音频

图片、视频和音频可以直接拖进来，或通过复制/粘贴导入 Principle。如果你是 Sketch 的用户，从 Sketch 复制可以将选区复制为一张图片然后粘贴到 Principle 中。图片和视频层的长宽比默认是锁定的，这可以通过点击属性栏中的锁定图标来取消比例锁定。

复制到 Principle 文件中的图片、视频和音频会存到 Principle 文件中，所以尽量使用较小的视频和音频资产，以缩小文件大小。当在手机上的 Principle Mirror 中查看设计时，小文件也会提高看查看速度。

设计中不支持 gif 动画，因为它们可能同时非常大（压缩效果差）和低质量（只支持 256 色）。因为不像视频有一个硬件解码器，所以 gif 的性能也很差，。我们建议使用视频来制作小型动画，而不是尝试使用 gif。

更新图片

要改更新图片，把一个新的图像拖到属性栏中的媒体按钮上，或者点击属性栏中的媒体按钮，点击菜单中的 “Choose...”。如果有其他层也使用旧的资产，Principle 会给你一个选项，用新的资产更新所有这些层。

通过点击属性栏中的媒体属性，并点击菜单中的 “cut”，可以将资产从一个图层中移除。

高分辨率图片

文件名末尾有 “@2x” 或“@3x” 的图片将以 1 倍大小导入，这样在视网膜屏幕上图片看起来会是正常的。如果你已经导入了一张没有后缀的高分辨率图片，手动将图层的宽度和高度减半，效果也一样。

从 Sketch 或其他工具中复制和粘贴通常会产生 1 倍的图片，看起来会模糊，所以在导入 Principle 之前以2倍分辨率导出，可以确保在视网膜屏幕上看起来是清晰的。

播放视频和音频

当鼠标停留在预览窗口上时，视频和音频资产将被播放。默认情况下将永远循环播放，但这可以通过点击属性栏中的媒体按钮并选择 “Play Once”来让它们只播放一次。

要在画板之间无缝播放视频或音频，只需将视频或音频层复制到两个画板上，并确保这些层有相同的名称。媒体时间属性默认是冻结的，这允许无缝播放，但可以手动解冻，使播放重新开始。

打组

选中图层后 按 Command+G 来将选中的图层打成一组。

Principle 中的组实际上只是带有一些子图层的矩形图层。组有自己的位置和大小，而不考虑其子图层的位置。这就是 UIKit、Android 和 DOM 绘制和动画元素的方式，如果你习惯了 Sketch 和 Figma 等程序中的组的工作方式，可能会感到并不习惯。这种行为对于扩大一个图层的交互区域、围绕不同的原点旋转一个图层或将多个动画叠加在一起非常有用。

裁剪/蒙版/裁剪

你可以通过分组（Command+G）和在组上启用 “Clip Sublayers”来裁剪图层。要获得圆形蒙版，可以将组的半径属性加到很大。

改变锚点

默认情况下，图层将围绕其中心进行旋转和缩放。如果你想围绕其他点旋转或缩放一个图层，你可以用组来做到这样的效果。通过将图层分组，把它放在组内并旋转组，你将围绕一个新的锚点旋转图层。让组的宽度和高度为 0 是有帮助的，这样可以更容易知道旋转点的位置。