布局控制节点

布局控制节点用于排列内容。对于在使用 Kanzi 应用程序期间动态添加或移除的内容或者从外部来源(例如目录中的文件)加载的内容,布局控制节点尤其有用。

网格布局 (Grid Layout) 节点排列表格中的项。

了解网格布局 (Grid Layout) 节点 >

堆栈布局 (Stack Layout) 节点将项相邻放置。

了解堆栈布局 (Stack Layout) 节点 >

流式布局 (Flow Layout) 节点将项排成行。

了解流式布局 (Flow Layout) 节点 >

轨迹布局 (Trajectory Layout) 节点将项沿轨迹排列。

了解轨迹布局 (Trajectory Layout) 节点 >

停靠布局 (Dock Layout) 节点将项沿布局两侧相对排列。

了解停靠布局 (Dock Layout) 节点 >

通用布局属性

要将项放到 Kanzi 应用程序中的合适位置,您可以使用这些变换类型:

布局控制节点(例如堆栈布局 (Stack Layout)网格布局 (Grid Layout)节点)将自身的变换应用在所有直接子节点上,在直接子节点上考虑各自子节点、布局变换、边距和对齐来定义各自的布局。

例如,在 x 轴方向上设置的堆栈布局 (Stack Layout) 节点根据尺寸(边框)将其两个子节点相邻放置。使用布局宽度 (Layout Width) 属性可以重写边框的宽度:值小于节点尺寸时节点重叠,值大于节点尺寸时两个节点之间的间隔扩大。

所有布局任务完成后,Kanzi 应用父节点的最终变换。如屏幕 (Screen) 下的RootPage 节点是2D 视口 (Viewport 2D)2D 空节点 (Empty Node 2D),其布局有特殊规则。继承定义的屏幕尺寸,由布局属性定义除外。

另请参阅

使用停靠布局 (Dock Layout) 节点

使用空节点 (Empty Node) 节点

使用流式布局 (Flow Layout) 节点

使用网格布局 (Grid Layout) 节点

使用堆栈布局 (Stack Layout) 节点

使用轨迹布局 (Trajectory Layout) 节点

优化布局渲染

交互性控件