2.3.4.6 行列
一行显示两个及两个以上内容时使用行列组件，可以设置列内容的水平对齐方式、垂直对齐方式。可以设置百分比列宽、自适应列宽和固定列宽。通过行、列组合形成页面格局，行中必须有列，内容必须放在列里面，可以在行上添加列，也可以在列里面添加行。可以设置列宽度。对没有设置列宽的列，将均分剩余的宽度。
一个区域中如果需要显示很多信息，可以使用行组件，采用多行多列的方式显示信息，形成复杂的界面效果。图4-35展示了行组件的3种效果：设置水平对齐及列宽、设置垂直对齐、列中有行。
图4-35 行列组件
1、添加/删除行、列
选择行后，在设置区域有“添加列”、“在上边添加行”、“在下边添加行”按钮，用来添加列和添加行。选择列后，在设置区域有“添加行”、“在左边插入列”、“在右边插入列”按钮，用来添加列和添加行。用鼠标右键单击行或列，在弹出的菜单中，选择“删除”命令，删除行或列。
2、样式
行列组件提供1个特有样式：垂直对齐样式，设置所有列的垂直对齐方式。可选项为顶部对齐、居中对齐和底部对齐。
列提供4个特有样式：垂直对齐、flex弹性布局、尺寸样式和偏移样式。
l 垂直对齐，设置某个列的垂直对齐方式. 可选项为顶端对齐、垂直居中和底端对齐
l flex弹性布局：每列设置自己的flex值，这个值会作为列宽的比例。例如：共2列，都设置为1，表示列宽比例为1:1,；一列设置为1，另一列设置为2，表示列宽比例为1::2
l 尺寸样式：设置列宽占总宽度的百分比，默认表示和其它没哟设置尺寸样式的列平分宽度，固定表示列的宽度由列内容决定
l 偏移样式：设置列的缩进，即向右偏移的百分比
3、事件
行列组件和列都提供了2个事件：单击事件和长按事件。在列中添加其它组件后，在这些组件上单击或长按，都会触发行列组件和列的相应事件。
4、示例
在一行显示两个内容：商品名称和加入购物车按钮。如果一行中有两列，且没有设置尺寸样式，那么这两列将平分宽度，也就是商品名称和加入购物车按钮所占宽度相同，这样是不合理的，因为商品名称可能很长，而加入购物车按钮的宽度不变。因此设置加入购物车按钮所在列的尺寸样式为固定，可以看到商品名称所在列的宽度占满了剩下的宽度。这样的效果是最理想的。