本组中的示例展示了如何使用 GrapeCity.Documents.Layout.Composition 命名空间中的类 使用自定义 z 顺序和裁剪创建复杂且灵活的基于约束的布局。 以下“后端”布局类与上面列出的组合“前端”类一起使用: 创建布局的典型步骤:
  1. 创建一个包含布局的 Surface。
  2. 使用 Surface 创建一个或多个视图。每个视图都有 大小和变换矩阵。
  3. 向视图添加视觉效果或空间:
    • 使用视图创建一个或多个视觉对象。 一个 Visual 通常有一个关联的 LayoutRect。 约束必须明确确定矩形的大小和位置, 否则会出现错误。如果 Visual 没有 LayoutRect, 它用于在视图坐标系中的锚点上进行绘制。
    • 或者,如果您需要向视图添加约束定义的空格, 使用视图添加空间对象。 Space 基本上是没有 Draw 方法的 Visual。 请注意,Space 不是容器,它的唯一目的是添加间距。
  4. 指定每个 Visual 和 Space 的 LayoutRect 的约束。 约束是相对于同一视图中的其他视觉对象,或相对于视图本身。 唯一的例外是可以相对于 AnchorPoint 指定约束 在另一个视图中,或相对于另一个视图中的轮廓。
GrapeCity.Documents.Layout.Composition 示例: