大家好，思源准备开始开发画廊视图功能。
欢迎大家从开发角度提出建议，例如重点和注意事项，这些建议将有助于思源进行画廊视图的概要设计。
你对画廊视图的开发有哪些建议？
本贴最后更新于 200 天前，其中的信息可能已经渤澥桑田
相关帖子
- 其他回帖
-
尽可能全面地想了一下：
条目形式：
卡片，上下两部分：预览区、信息区
预览区：
- 状态 1：关闭，条目仅显示信息区
- 状态 2：展示图片（默认）
- 图片来源
- 文档块：题头图 / 条目资源字段 / 文档图标 / 文档内首张图片
- 非文档块：条目资源字段 / 条目图标
- 无绑定块：条目资源字段
- 图片类型
- 本地资源 / 网络图片
- 静态 / 动态图片
- 支持视频？
- 图片效果
- 适应卡片宽度
- 适应卡片高度
- 拉伸
- 使用场景示例：电影海报墙
- 图片来源
- 状态 3：展示文本
- 文本来源
- 文档块：文档内容（比如前 100 字）/ 条目字段
- 非文档块：主键字段绑定块内容 / 其他条目字段
- 无绑定块：条目字段
- 文本类型
- 纯文本（条目字段）
- 富文本（文档或绑定块内容，以及未来可能支持的条目字段富文本）
- HTML（模板字段）
- 使用场景示例：做“卡片笔记”、文章展板
- 文本来源
- 支持设置预览区高度，单位为 px
- 支持自定义展示顺序优先级，例如：
文档题头图>资源字段 A 中的首个图片>文本字段 B 中的前 100 字>预览区留空
使用场景示例：- 电影海报墙，一半电影有海报，另一半没有。有海报的情况下展示海报，没海报的情况下展示电影简介。
- 文章展板，一半有题头图，另一半没有。有题头图的情况下展示题头图，没题头图的情况下展示文章的前 100 字。
- 支持配置鼠标左键点击的效果
文档块、非文档块、无绑定块三种条目类型分别配置- 跳转到绑定块（文档块、非文档块）
- 在页签右侧打开（文档块、非文档块）
- 在页签下侧打开（文档块、非文档块）
- 打开浮窗（文档块、非文档块）
- 打开模态窗口（文档块）
- 打开条目的数据库属性面板（文档块、非文档块、无绑定块）
为非绑定块条目增加一个数据库字段编辑面板，并且纯文本条目支持打开数据库字段编辑面板
数据库属性面板支持点击打开主键绑定块与悬浮显示浮窗 - 编辑字段（展示文本来自条目字段的情况下）（文档块、非文档块、无绑定块）
使用场景示例：做“卡片笔记”，隐藏信息区的所有字段，点击卡片的预览区即可编辑
信息区：
- 状态 1：只显示字段值（默认）
- 常规：一行显示一个字段
- 紧凑：一行显示多个字段（参考飞书）
- 鼠标悬浮在字段值上的时候通过 tooltip 显示字段名（参考 Notion）？
- 状态 2：一个字段中，左侧显示字段名，右侧显示字段值
- 状态 3：一个字段中，上方显示字段名，下方显示字段值
- 显示 / 隐藏字段
- 支持隐藏主键字段（参考 FlowUs）
- 如果所有字段都隐藏了，则卡片只显示预览区
- 换行 / 不换行
- 字段布局：居左、居中、居右
- 支持配置鼠标左键点击字段的效果
- 触发编辑（跟目前的表格视图点击单元格的效果一致）
- 与点击预览区相同
- 默认与点击预览区相同，但会在卡片右上角添加一个“编辑”按钮，开启之后点击字段可触发编辑（参考 Notion、FlowUs）
- 鼠标右键点击卡片，弹出条目菜单（与表格视图一致的菜单）
- 数据库条目右键菜单支持编辑字段
- 文案“在上/下方插入 行”改为“在前/后方插入 条目”
视图功能：
- 基础功能：筛选、排序、搜索、条目数、显示数据库标题
- 菜单按钮：卡片右上角添加一个
︙按钮（没有块标），点击打开条目菜单 - 拖拽排序：用鼠标左键拖拽卡片，插入到其他卡片的前方或后方
- 多选卡片：支持按住 Ctrl 点击选中数据库条目、支持划动鼠标多选数据库条目；多选卡片后支持批量拖拽排序
- 批量编辑：数据库多选编辑工具栏支持批量编辑字段值
- 卡片宽度：默认提供大、中、小三个选项，还支持自定义（考虑到卡片宽度根据数据库块的宽度动态变化，所以需要分别配置 min-width 和 max-width）
- 加载方式：滚动加载（类似表格视图，底部有个“加载更多”按钮） / 分页加载（底部显示页码，更适合海报墙这种场景，参考 FlowUs 的做法）
- 分组：依据某个字段的值分组，布局支持横向排列（一行一个分组）或纵向排列（一列一个分组，类似看板）
视图性能：
- 卡片预览区延迟加载
卡片预览区的长宽相对来说是固定的，展示的内容不会导致预览区的长宽发生变化影响布局，所以可以延迟加载（不需要获取完了再渲染整个视图）- 图片懒加载
- 比如获取文档前 100 字和获取文档内首张图片应该都是比较影响性能的，可以先渲染出卡片再慢慢加载
- 条目或者字段级别的刷新
编辑条目之后不应该像表格视图那样整个视图刷新，不然会很卡。在数据变更之后，单独处理受影响的条目和其中的字段，在视图中单独删除或添加卡片、单独更新卡片的字段
1 回复1 操作JeffreyChen 在 2025-06-06 01:35:43 更新了该回帖 -
minglingling • • 1 赞同
画廊视图作为一种强展示，经常打开不同卡片查看具体内容的视图。希望对打开方式的交互进行优化。
- 点击卡片可以设置为：默认可以打开该文档居中的悬浮窗，或单独的预览渲染。而不是鼠标悬浮在文档上 2s 打开悬浮窗。
- 悬浮窗居中预览后，可以点击周围空白处可直接关闭悬浮窗
- 目前浮窗打开方式只有悬停一种，且打开后得点击右上角关闭，有点繁琐，其实表格视图也有这个问题，看了一眼 ob 新出的 base 也没有对这个进行优化。我感觉数据库就是为了解决信息展示弱的问题，频繁切换文档体验不佳，更直观的预览方式会更好。
- 查看全部回帖
欢迎来到这里！
我们正在构建一个小众社区，大家在这里相互信任，以平等 • 自由 • 奔放的价值观进行分享交流。最终，希望大家能够找到与自己志同道合的伙伴，共同成长。
注册 关于