1、如下图，将页面左侧的“拼图（矩阵）”拖入右侧的内容区域中。 2、鼠标移入“拼图（矩阵）”区域，页面会出现对应操作按钮，包括背景、删除、拖动、设置等操作。

• 点击“背景”按钮，可以修改当前“拼图（矩阵）”的背景为颜色或者图片。
• 点击“删除”按钮，可以直接删除当前拖入的组件。
• 点击“拖动”按钮，可以在页面调整组件的位置。当页面有多个组件时，通过拖动可以调整各个组件的位置。
• 点击“设置”按钮，可以对当前的“拼图（矩阵）”进行设置。默认当前“拼图（矩阵）”是3行3列，无左右边距，无最大宽度限制。 可以根据具体的需求设置成1行2列、1行3列、2行2列等常见的布局， 其他布局方式亦可，也可以给页面增加左右间距，或者限制页面的最大宽度（限制最大宽度可以在超大屏幕上显示限制后的宽度）。

3、如下图，拖入“拼图（矩阵）”后，将“拼图（矩阵）”设置成1行3列，对每列设置一张提前准备好的图片，实际效果如下。为了突出边距，图中红色处是后台设置好的左右边距，自定义时可不设置“拼图（矩阵）”的颜色，左右边距处就不会显示对应的颜色。