列微件

“列”微件是一个布局容器,可用于垂直定位和组织内容作为页面上的单列。列可以包含多个微件。

图演示了列微件的基础格网。

示例

使用此微件可支持以下应用程序设计要求:

  • 您希望页面元素(例如带有标题的图像)在列中垂直对齐。

用法说明

要增加嵌套微件的大小,手动调整其高度或调整包含它的列的大小。可指定微件与列的对齐方式,以及微件之间的间距以及列内边周围的填充空间。仅当选择微件或带边框的微件(例如图像)时,间距和填充空间才会在画布上可见。

可将其他布局微件(例如行微件)添加到列中,以在设计页面时进行其他控制。

设置

“列”微件包含以下设置:

  • 垂直对齐 - 将嵌套微件在列中的对齐方式更改为垂直对齐。
    • 开头 - 从列顶部开始对齐嵌套微件。这是默认设置。
    • 末尾 - 从列底部开始对齐嵌套微件。
    • 居中 - 在列顶部和底部之间居中对齐嵌套微件。
    • 周围空间 - 按周围空间相等的方式在列中定位嵌套微件。
      注:

      每个微件周围的空间都相同,因此位于列顶部和底部的微件与列边的距离小于彼此之间的距离。(微件之间相距两个单位的空间,一个微件一个单位。)

    • 间距 - 按相等间距在列中自上而下定位嵌套微件。位于列顶部和底部的微件根据指定的填充与列边对齐。
    • 均匀空间 - 按上方和下方空间相等的方式在列中定位嵌套微件。(微件之间的间距包含指定的间隙。)

各个图演示了每个垂直对齐设置如何在列中分布嵌套微件
每个垂直对齐设置都具有一个对应的编号图,用于演示嵌套微件在列中的分布方式。1. 开头 2. 末尾 3. 居中 4. 周围空间 5. 间距 6. 均匀空间

  • 可滚动 - 当内容超出列的大小时,提供一个滚动条。
  • 间距 - 指定嵌套微件之间的间隔(以像素为单位)。例如,如果希望微件边缘接触,请将间距值更改为 0。
  • 填充 - 更改“列”微件内边周围无填充空间的默认值,以在列边界与其嵌套微件边界之间添加空间。可按像素或百分比调整任意一侧(上下左右)的填充。可锁定独立填充,以同步所有侧的填充;为一侧输入一个值时,所有侧都将更新以匹配。填充将自动应用于嵌套在列中的微件组。

在本主题中
  1. 示例
  2. 用法说明
  3. 设置