你对画廊视图的开发有哪些建议？

我先提两个

视图加载：

• 编辑条目之后不应该像表格视图那样整体刷新，不然会很卡

条目展示图片：

• 显示图片 / 不显示图片
• 自定义优先级规则（例子）：获取题头图 > 获取资源字段 A 中的首个图片 > 获取资源字段 B 中的首个图片 > 不显示图片
  • 文档块：题头图 / 条目资源字段
  • 非文档块：条目资源字段
  • 无绑定块：条目资源字段

画廊视图提供画廊配置按钮：

1. 选择图片来源
2. 选择字段 A 显示与否
3. 选自字段 B 显示与否
4. 。。。

在卡片上点击卡片弹出框显示详情（如果点击的不是块链接或者 URL 这种优先级更高的），展示数据库行的详情，支持编辑。

点击卡片支持直接编辑。

更多的话就是分组配置，增加分组配置按钮，弹出菜单开启分组配置，选择分组字段即可。横向排列（一行一个分组），纵向排列（一列一个分组，类似看板）

不同意优先级的观点，实现复杂且使用复杂。用户应明确定义图片来源：

1. 无图片
2. 附件字段
3. 资源 URL 字段
4. 文档题头图

性能方面考虑图片懒加载和 infinite-scroll 这种滚动加载的方式可以提高性能。

题外话：

1. 希望提供插件接口，插件开发者可以扩展数据库的渲染方法，这样除了表格视图和画廊视图，插件开发者可以开发更多的视图，例如
   1. 统计视图：基于数据库数据统计，生成 dashboard
   2. 折叠视图：表格渲染后，点击一行展开可以直接看对应文档的内容
   3. 瀑布流视图：把数据库里固定列的附件或者图片链接直接做成瀑布流
2. 性能考验开发者功底，这个不可避免。
3. 原生 css 素材，让插件开发效果更贴近原生，同时便于主题开发
4. 接口层面简单说就是增删改查，不够的我觉得可以再加。有的人可能还希望给数据库配置 webhook，这样类似 Notion 一样，hook 数据自动添加之类的，在此不讨论。

可拖拽排序，图片多了不卡。

希望提供插件接口，插件开发者可以扩展数据库的渲染方法，这样除了表格视图和画廊视图，插件开发者可以开发更多的视图，例如

统计视图：基于数据库数据统计，生成 dashboard

折叠视图：表格渲染后，点击一行展开可以直接看对应文档的内容

瀑布流视图：把数据库里固定列的附件或者图片链接直接做成瀑布流

超级赞同，希望提供相关接口

可拖拽排序；

允许根据数据库指定字段排序。

希望能够参考 flowus 的画廊视图设置，也就是可以有纵向卡片模式，这样在做影视库的时候才能完美地把竖版电影海报展示出来 😄

是以什么为单位的，“块”还是“文档”？

在没有题头图的时候，根据文档内容做摘要，生成看得清文字的缩略图

基建功能还是要有，比如分组，流畅性希望也一并解决了。视图只是不同的展示方式了，可以多考察一下好的软件。

可以【快速拖拽】，来调整【顺序】

为什么觉得需要：

一般记东西，【第一遍】记的时候，并不是自己想要的【顺序】

需要后期反复查看，进行调整

另外，像思源的【表格】功能

如需改变顺序

一般是先选中内容，ctrl 加 x 剪切，找到需要放置的位置，粘贴

希望：

画廊视图，可通过【按住左键】的形式

进行快速拖拽，调整顺序

参考 trilium notes

另：画廊视图只是提供一个大概预览，没必要随时更新，质量也可按需自定义，有独立的缩略图数据库文件来管理，象图像浏览软件一要，数据库要能自动清理优化等功能，不能越来越大。

画廊视图 重点在于 用图像标记数据条目的特征（而不是分类），快速定位要需要的内容

展示内容

按优先级来说，图片展示 > 文字内容展示 > 纯属性标签展示

• 图片类的展示优先级：

  1. 数据条目的附件属性里的图片（附件通常就是已经表明了这个数据的特点）
  2. 关联文档块的题头图(不污染文档内容）
  3. 关联内容块（容器块）里的图片（通常的方案是第一张图片）

• 文字内容的优先级：

  1. 关联内容块（容器块）的内容（markdown 渲染结果，例如像 FlowUs 的展示方式）

  2. 关联内容块的 markdown 原始内容

     1. 这是 flowus 的 文档 markdown 内容视图
     

  3. 数据条目里的文本属性

  4. 其他属性（类似金山文档的多为表格）

     

操作体验

• 按属性筛选是最基础的。这一点已经在表格视图做得很好了

• 属性自定义展示统一放到设置按钮里（表格视图整列操作的逻辑在画廊视图用不了）

  • flowus 的属性显示设置
  

• 画廊视图的一些专属设置：例如封面图的选择、大小、是否显示属性名等等

  flowus 的画廊设置

  

在块、文档没有选定图片的情况下，优先使用块、文档中的首张图片作为画廊卡片的 cover

画廊视图作为一种强展示，经常打开不同卡片查看具体内容的视图。希望对打开方式的交互进行优化。

• 点击卡片可以设置为：默认可以打开该文档居中的悬浮窗，或单独的预览渲染。而不是鼠标悬浮在文档上 2s 打开悬浮窗。
• 悬浮窗居中预览后，可以点击周围空白处可直接关闭悬浮窗
  • 目前浮窗打开方式只有悬停一种，且打开后得点击右上角关闭，有点繁琐，其实表格视图也有这个问题，看了一眼 ob 新出的 base 也没有对这个进行优化。我感觉数据库就是为了解决信息展示弱的问题，频繁切换文档体验不佳，更直观的预览方式会更好。

看了一下 Trilium 长这样：

希望是可以从数据库每个条目正文内容里的图作为封面，而不是一定要单开一列设置图片

尽可能全面地想了一下：

条目形式：

卡片，上下两部分：预览区、信息区

预览区：

• 状态 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 字和获取文档内首张图片应该都是比较影响性能的，可以先渲染出卡片再慢慢加载
• 条目或者字段级别的刷新
  编辑条目之后不应该像表格视图那样整个视图刷新，不然会很卡。在数据变更之后，单独处理受影响的条目和其中的字段，在视图中单独删除或添加卡片、单独更新卡片的字段

• 拖拽排序：用鼠标左键拖拽卡片，插入到其他卡片的左侧或右侧
• 多选卡片：按住 Ctrl 用鼠标左键点击卡片

关于这两点，是否考虑结合下，形成【批量移动】

比如，先按住 ctrl，点击左键多选，然后【批量移动】

不光是可移动到左侧右侧，上侧下侧都行

支持根据自定属性、属性和文件名进行筛选。

j 佬牛逼，太认真负责，一下子写那么多，就是怕 d 大到时候轻浮的甩一句"一句话，开发者菜"就草草了事

trilium 的画廊视图每页显示 20 个笔记项目，有翻页功能，减少卡顿，不知该软件用的什么机制，缩略图显示很流畅，连 excalidraw 画布缩略图显示也很流畅，感觉是直接用 html 实时渲染，并没有什么缩略图缓存。

得看大家用来干嘛

用的人说下你们用来干嘛再开发吧。

我觉得完全可以参考 flowus 的设计,因为我个人觉得它做得挺好看的