跳至主要內容

卡片拼接与拆分

2025年3月31日大约 2 分钟

卡片拼接指的是将看板中多个卡片拼接成一个大的卡片,使他们形成一个整体,方便用户对其整体进行调整。卡片拆分指的是将已拼接的卡片拆分成多个独立卡片,系统会基于原卡片的现有尺寸自动设定各子卡片的显示大小。

拼接卡片

拼接逻辑

想要拼接卡片,需要满足以下几点要求:

  • 选中的卡片数量必须大于 1 个

  • 如果出现了容器类型组件(如过滤容器或 Tab 页签),需将其高度设置更改为固定高度

  • 选中的卡片最外围的四条边围成的范围中不允许出现未被选中的卡片的整个或部分区域

下边这个图片满足了上诉所有要求,因此允许拼接

拼接流程

  1. 点击设计器区域左上角的多选按钮,开启卡片多选模式

    提示

    开启多选模式后,多选按钮变为蓝色高亮模式,再次点击此按钮可退出多选模式

  2. 选择需要拼接的卡片,点击选中多张卡片

  3. 选择完成后,点击任意选中卡片的工具栏上的拼接按钮进行拼接

    提示

    选择的卡片需满足上诉拼接逻辑中的要求,拼接按钮方可点击;不满足拼接逻辑时,拼接按钮为置灰状态且不可点击。

调整卡片

卡片拼接完成之后即可视为一个整体,可以对拼接完成后的卡片进行大小和位置调整。进行大小调整时,其内部子卡片按照拼接前的比例进行等比缩放。

拆分卡片

鼠标悬浮在拼接卡片的上方时,可通过点击工具栏中的拆分按钮,对卡片进行拆分,拆分后的卡片会保持其在拼接卡片中时的大小和位置。

提示

以上示例中,我们调整了拼接卡片的大小和位置,点击拆分后,拆分后子卡片的大小和位置进行了保留。

上次编辑于: 2025/4/1 14:09:40
贡献者: guohuizheng