Principle2.0中引入的组件允许您在多个位置重用设计元素，并将嵌入式交互添加到现有画板。在内部，组件的工作方式与标准Principle文件类似; 他们有自己的画板，活动和动画独立于他们的父母。如果编辑组件的一个实例，则将更新该组件的所有其他实例。组件还可以包含其他组件，从而可以实现复杂的组合。

  • 组件内的事件的工作方式与组的子图层上的事件的工作方式相同。如果组或组件的子图层具有点击事件，则会触发该点按事件，而不会点击该组或父级上的事件。
  • 如果需要创建一个更改大小的组件，例如弹出菜单，最好的方法是使组件的大小与折叠菜单的大小相同，然后使扩展的菜单层超出该范围。如果您将组件设置为展开菜单的大小，即使折叠也会阻止触摸，因为画板非常大。

创建和编辑

  • 要创建组件，请在画板上选择一个或多个图层，然后单击“Principle”工具栏中的“创建组件”按钮。这些图层将组合在一个组件中，您将进入该组件以开始编辑它。单击Principle的画布左上角的“返回到父级”按钮，返回到创建组件的位置。如果以后需要再次编辑组件，可以选择它并单击检查器中的“编辑组件”按钮。您也可以双击要编辑的组件，或在选择组件时按Enter键。
  • 您可以将现有的Principle文件拖到画布上，以将其作为组件导入。

触摸路径

  • 主要路线接触最深的最顶层。如果你有一个组件或透明层高于其他一切，它将接收触摸。组件画板可以调整为较小或不在屏幕外，以便当内容不可见时，组件的画板层不会接收到触摸。

如果组件中的触摸事件和组件父级中的触摸事件，组件的触摸甚至会触摸，因为它是最深的层。这与在两个组和组的子图层上都有事件时触发路由的方式相同。