认识主界面
物品列表页面是物屿的核心界面,本页详细介绍其各个功能区域。
通俗解释
打开 App 后看到的这个「满是物品的列表页」就是主界面。 App 里几乎所有功能都从这里出发——搜索、添加物品、进设置、看提醒,都能在这个页面找到入口。
页面整体结构
物品列表页面从上到下分为多个区域:
- 顶部:标题栏、工具图标
- 中间:筛选栏、物品列表
- 底部:浮动操作按钮
- 侧边:抽屉菜单
截图位置:物品列表页面整体布局,标注各区域
顶部工具栏
顶部显示应用标题和多个功能图标:
- 搜索:点击打开搜索面板,支持文字搜索、以图搜图和语义搜索
- 统计:查看物品数量、总价值等数据概览,详见物品统计
- 提醒:进入过期提醒页面,日历视图查看
- 库存:查看仓库/储物柜列表,参见房间及容器说明
- 购物:查看库存提醒中需要补货的物品
截图位置:顶部工具栏各图标
快速筛选区
级联分类入口
属性标签筛选
- 显示常用属性的筛选标签
- 点击标签快速筛选该属性值
- 点击「更多」展开显示全部
聚合视图
自定义物品分组,横向滑动查看:
- 每个分组显示标题和物品数量
- 横向滑动浏览分组内物品
- 点击列表图标查看完整列表
通俗解释
聚合视图就是首页的「快捷分组」。比如设置「即将过期」分组,首页就能直接看到这些物品,不用每次去提醒页面找。 具体怎么设置见模块配置。
列表操作栏
列表上方有一排操作按钮:
截图位置:列表操作栏
物品列表
核心区域展示所有物品卡片:
物品卡片内容
- 物品图片(主图)
- 物品名称
- 数量、价格等信息
- 状态、属性标签
卡片操作
下拉刷新
- 下拉刷新列表数据
- 上拉加载更多物品
多选模式
长按某个物品卡片进入多选模式:
- 勾选多个物品
- 底部出现操作栏:编辑、删除、移动等
- 点击「取消」退出多选模式
更多批量操作能做什么,看批量操作。
截图位置:多选模式和底部操作栏
浮动按钮区
右下角有多个快捷操作按钮:
截图位置:右下角浮动按钮组
提示
长按添加按钮可以进入截图模式,隐藏浮动按钮 5 秒,方便截图分享。
侧边抽屉菜单
点击左上角菜单图标打开:
截图位置:侧边抽屉菜单展开状态
桌面版布局
在桌面端(Windows/macOS)采用左右分栏:
- 左侧:物品列表
- 右侧:物品详情页
- 中间有可拖动的分隔线调整宽度
- 适合在大屏幕上同时查看列表和详情
截图位置:桌面版左右分栏布局