“流式行”微件是一种布局容器,可用于将内容定位在页面上的连续行中。 该微件与“行”微件类似,不同之处在于“行”微件的区域被划分为 12 个离散的列,而“流式行”微件是连续的,类似于滚动页面和“列”微件。
示例
使用此微件可支持以下应用程序设计要求:
- 您想要将页面元素(例如图像及其描述)水平对齐。
- 当从行中移除某个对象时,您希望流式行中的其他微件自动平移或者填充已移除对象留下的空间。
- 您希望多个微件水平均匀分布。
- 您希望在一行中放置两个“文本”微件。
提示:
如果将两个“文本”微件放置在“固定面板”微件中,则其可能会重叠,或者在不同的分辨率下被截断,因为其位置彼此独立。 可以通过将“文本”微件放置在“流式行”微件中并将所有三个微件宽度设置为自动来避免重叠和截断问题。
用法说明
要向“流式行”微件添加微件,请单击微件工具栏上的添加微件按钮,然后从微件库中进行选择,或者从插入微件面板中拖动微件。
至少向该行添加一个微件后,“管理”微件按钮将显示在微件工具栏上。 单击此按钮将打开一个窗口,可以在其中对嵌套微件进行重新排序和移除。
当移除微件时,任何剩余微件将进行平移以填充剩余空间。 其平移方式将取决于您在微件设置中选择的对齐方式。
注:
要在快速模式下保留此行为,当从“流式行”微件中移除微件时,“占位符”微件将不会出现,与快速模式下的其他布局容器一样。
要增加嵌套微件的大小,请手动调整其宽度或调整“流式行”微件的大小。
设置
“流式行”微件包括以下设置:
- 水平对齐 - 选择在行中对齐嵌套微件的方式。
- 左对齐 - 将嵌套微件与行的左侧对齐。
- 右对齐 - 将嵌套微件与行的右侧对齐。
- 居中 - 将嵌套微件与行的中心对齐。
- 均匀空间 - 将嵌套微件放置在行中,其中每个微件两侧的空间大小相同。 微件之间的空间包含指定间距。
每个水平对齐设置均具有相应的编号图表,该图表说明了嵌套微件在“流式行”微件中的分布方式。
- 间距 - 以像素 (px) 为单位定义嵌套微件之间的水平间距。
提示:
如果您希望嵌套微件的边缘接触,请将微件与起始端、末端或中心对齐,并提供间距值 0 像素。
- 内边距 - 一次性或单独更改填充空间的大小,即嵌套微件与“流式行”微件面板边缘之间的空间。 可以指定大小值,以像素 (px) 或画布的百分比 (%) 为单位。