Grid / List / Gallery / Kanban / Calendar:五种视图布局怎么选
视图是什么
视图(View)是同一组对象的不同展示方式。 底层数据不变,只是"怎么看"变了。
类比:假设你有一本 100 人的通讯录:
- 表格视图:按行按列排列,像 Excel
- 看板视图:按"部门"分栏,每个人一张卡片
- 画廊视图:每个人一张大卡片,主要显示照片
- 日历视图:按生日排成时间轴
视图系统是 Anytype 对象数据库最强大的能力之一——它让同一份数据能"随用随变"。
五种布局一览
| 布局 | 适合 | 特点 |
|---|---|---|
| Grid | 表格思维、列操作 | 像电子表格,每属性一列 |
| List | 长列表、简单阅读 | 紧凑的卡片列表 |
| Gallery | 图片驱动、作品集 | 大卡片+图片封面 |
| Kanban | 任务管理、状态流转 | 按状态分列的看板 |
| Calendar | 时间驱动、日程 | 月/周/日视图 |
Grid(表格视图)
什么时候用
- 你有一个有很多属性的对象集合(比如"客户列表"、"产品清单")
- 需要做列操作(排序、筛选、批量编辑)
- 习惯了电子表格思维
特点
- 每一行 = 一个对象
- 每一列 = 一个 Property
- 支持列宽拖拽、隐藏列、固定列
- 列头可以点击排序/打开筛选器
- 在 Grid 里可以直接批量编辑(多选单元格)
常见用法
- 任务看板:Grid 显示所有任务,按"优先级"排序
- 客户清单:客户对象的所有属性显示为列
- 项目台账:项目 + 负责人 + 预算 + 截止日期
Kanban(看板视图)
什么时候用
- 管理状态流转(任务从"待办"→"进行中"→"已完成")
- Scrum / Sprint 风格的项目管理
- 想直观看到进度瓶颈
特点
- 每一列 = 一个状态值(Select 类型 Property 的每个选项)
- 每张卡片 = 一个对象
- 拖拽即改状态:把卡片从"待办"拖到"进行中"→ 对象的 Status Property 自动更新
- 列可以设置 WIP Limit(进行中任务上限)
常见用法
- 开发任务流:按"状态"分列,每张卡一个 Task
- 招聘管线:按"面试阶段"分列,每张卡一个候选人
- 内容发布:按"发布状态"分列(草稿/审核中/已发布)
Gallery(画廊视图)
什么时候用
- 图片/视觉驱动的内容
- 作品集、相册、商品目录
- 想要大卡片、封面图为主
特点
- 每张卡片 = 一个对象,大尺寸
- 主要显示对象的 Cover Image(如果有)+ 标题 + 几个关键属性
- 可以调整卡片大小
- 网格自动排列
常见用法
- 读书笔记:每本书一张卡片,显示封面
- 设计作品集:每个项目一张卡片,显示缩略图
- 产品展示:每个商品一张卡片
List(列表视图)
什么时候用
- 紧凑地浏览大量对象
- 只想看标题 + 一两个属性
- 移动端上特别好用
特点
- 每行 = 一个对象,紧凑卡片
- 可以显示对象的 Cover Image(小缩略图)
- 默认显示:标题 + 1-2 个 Property
- 横向信息量少,纵向滚动效率高
常见用法
- 浏览所有笔记:快速扫一眼有什么
- 待办清单:标题 + 状态 + 截止日期
- 文章列表:标题 + 作者 + 创建时间
Calendar(日历视图)
什么时候用
- 时间驱动的内容
- 任务/事件的时间安排
- 想一眼看到日程冲突
特点
- 按"天/周/月"查看
- 每个对象是一个日历条目
- 需要至少一个 Date 类型的 Property 来决定它在日历里的位置
- 支持设置哪些 Property 作为日历条目的副标题
常见用法
- 任务截止日历:按 Task 的"截止日期"展示
- 会议日历:所有 Meeting 对象按日期排布
- 发布日程:内容发布计划的时间轴
创建新视图
在 Type 或 Collection 的右上角:
- 点击 + New View
- 输入视图名称
- 选择 Layout(Grid / List / Gallery / Kanban / Calendar)
- (可选)设置初始 Filters / Sorts
- 保存
每个 Type 可以有多个视图——比如一个 Task Type 可以同时有"Grid 表格视图"、"Kanban 看板视图"、"Calendar 截止日期视图",互不冲突,随时切换。
视图的三个组成部分
Layout(布局)
对象怎么排列。上面介绍的五种。
Filters(筛选)
哪些对象出现在视图里:
"只显示状态为'进行中'且负责人为'张三'的 Task"
多个筛选条件可以 AND(全部满足)或 OR(任一满足)组合。
Sorts(排序)
对象按什么顺序排列:
"按截止日期升序,然后按优先级降序"