暗色模式
表格
原型文件支持创建具有不同字段类型的表格,可结合团队库组件进行个性化定制,便于快速绘制后台原型中的表格页面,适用于列表等需要展示大量数据的场景。
添加表格
进入「资源库 - 基础资源 - 基础」,选择「表格」拖拽到画布。
编辑表格
单击表格任意区域,即可选中整个表格。选中表格后,上方显示编辑浮窗,可添加行列、设置布局等,同时右侧属性栏支持编辑表格的宽高、布局和填充等属性。
新增行、列
选中表格时,点击行或列中间的顶部小圆点图标进行添加。
- 添加行:可直接添加,添加时会自动填充上一行的内容
- 添加列:支持选择数据类型——文本、标签、单选、多选、按钮、开关、图像
删除行、列
单击表格行、列顶端的选择条,选中整行、整列,按 Delete 键,或点击编辑浮窗中的「删除」按钮。
调整行高、列宽
鼠标移动至行或列中间分割线处,光标变为调整大小手势后,按住高亮分割线拖拽进行调整。
编辑单元格
选择单元格
- 单选:选中表格后,单击单元格即可选中,双击进入编辑状态
- 多选:按住 Shift 键并单击单元格,可进行多选操作
设置单元格布局
选中单元格,点击浮窗中的「布局」按钮设置对齐方式,或在右侧属性栏的「布局」模块中选择对齐方式。
合并或拆分单元格
- 方式一:选中单元格后,点击浮窗中的「合并 & 拆分单元格」按钮
- 方式二:选中单元格后,右键选择「合并单元格」或「拆分单元格」
填充单元格颜色
选中表格或需要设置背景颜色的部分单元格,在右侧属性栏的「填充」模块中,设置背景颜色和透明度。