为2D节点创建3D透视效果

使用 Perspective Transformation 属性为 2D 节点创建 3D 透视效果。使用 Layout Transformation Rotation 属性字段,您只能在 2D 空间中围绕 z 轴旋转节点。使用 Perspective Transformation Rotation X、Y 和 Z 属性字段,您可以围绕所有三个轴旋转 2D 节点,从而创建 3D 透视效果。

Perspective Transformation 属性在应用布局过程后但在渲染节点之前转换节点。

要为 2D 节点创建 3D 透视效果:

  1. 在 Node Tree 中创建或选择一个要为其创建 3D 透视效果的 2D 节点。例如,创建一个 Image 节点。

    ../../_images/image-in-project.png ../../_images/image-in-preview.png
  2. 在 Properties 中添加 Perspective Transformation 属性。

    ../../_images/add-perspective-transformation-property.png
  3. 在 Perspective Transformation 属性集中 Properties:

    • Rotation X 到您希望围绕 x 轴旋转节点的度数。

    • Rotation Y 到您希望围绕 y 轴旋转节点的度数。

    • Rotation Z 到您希望围绕 z 轴旋转节点的度数。

    例如,将 Perspective Transformation Rotation Y 属性字段设置为 45,以便围绕 y 轴将图像旋转 45 度。

    ../../_images/perspective-transformation-properties.png ../../_images/image-perspective-y-rotated-in-preview.png
  4. (可选) In the Properties add the Render Transformation Origin property and set:

    • X 到您想要在 x 轴上设置原点的节点宽度百分比。

    • 将 Y 设置为您想要在 y 轴上设置原点的节点高度的百分比。

    在 Kanzi 中,默认情况下,所有2D节点的原点位于节点的左上角。您使用 Render Transformation Origin 属性来设置节点的原点。

    例如,如果您将 Perspective Transformation 属性设置为围绕 y 轴旋转节点,要使节点围绕其水平中心点旋转,请将 Render Transformation Origin X 属性字段设置为 0,5。

    ../../_images/render-transformation-origin.png

另请参阅

调整 2D 节点的外观

应用自定义渲染到 2D 节点