UI 蓝图/Matrix X Chat/聊天室

SOURCEiOS · 单聊与群聊成员

聊天室

消息一致性、媒体准备与会话操作的主界面

ChatViewmatrix-x-chat-ios

ChatView

CURRENT UI390 × 844FIT 100%

9:41●　▰　▰

产品协作群12 人 · 在线

CURRENT CODE · STATIC DATA今天 10:24

预约发现页已经同步 50 个类目，今晚请一起核对视觉基线。

收到，我会把桌面和移动端两个 viewport 一起跑完。

已读 8

UI-CI-report.pdf2.4 MB · verified

REFERENCE VIEWPORT390 × 844Dynamic Type · safe area

PRIMARY TASK发送主操作、权限与完成反馈必须同屏可验证

DATA CONTRACTim-core HTTP/WSready / loading / empty / error 使用同一 fixture

ACCESSIBILITYVoiceOver + 44pt焦点顺序、可读名称、对比度进入 UI CI

VISUAL BASELINESOURCE · 2026-07-15桌面/移动、浅色/错误态按稳定 Screen ID 留档

STATE LAB

同一页面的五个真实运行状态

开发者不能只交付 happy path。状态文案、可恢复动作、敏感数据边界和埋点都必须在同一个 Screen ID 下验收。

读取中

保留页面骨架与任务上下文，不闪回空白页。

READY

正常

已绑定 im-core HTTP/WS，主操作可用。

EMPTY

当前没有结果

解释为什么没有消息时间线，并给出下一步。

ERROR

历史加载

显示稳定错误码和 request_id，不泄露堆栈或隐私。

FORBIDDEN

权限不足

服务端拒绝后收起写操作；不能只靠前端隐藏。

01 · SCREENmatrix-chatChatView

→

02 · CONTRACTim-core HTTP/WS3 bound contracts

→

03 · TESTstate + a11y + visualdesktop / mobile / negative

→

04 · RELEASEexact commit requiredsmoke + rollback evidence

IMPLEMENTATION MAP

从当前页面拆出来的开发定义

这是结构与状态定义，不是重新发明一套视觉。视觉细化必须继续引用同一证据并通过 owner 评审。

页面区域

会话导航
连接状态
消息列表
定位/新消息
输入与附件

用户动作

发送
回复
引用
发送媒体
打开小程序

必须状态

连接中
正常
发送中/失败
历史加载
被禁言

数据契约

im-core HTTP/WS
Media send kit
Message receipts

CURRENT MODULES

现有页面可见模块

01消息时间线
02消息状态
03回复/引用
04输入栏
05附件面板

PRODUCT ROUTE INDEX

Matrix X Chat 的 14 个稳定 Screen ID

同一产品内的页面共享 token、导航和状态语言，但每个 Screen ID 保留自己的字段、数据契约和 QA 基线。

登录入口LoginView

iOS02

会话列表ChatsTab

iOS03

聊天室ChatView

iOS04

联系人ContactsTab

iOS05

工作台WorkbenchTab

iOS06

全局搜索GlobalSearchView

iOS07

新的朋友FriendRequestsView

iOS08

群聊详情GroupDetailView

iOS09

用户资料UserProfileView

iOS10

应用市场AppMarketView

iOS11

朋友圈MomentsView

iOS12

钱包WalletView

iOS13

设置与隐私SettingsView

iOS14

小程序容器MiniAppContainerView

iOS

← 会话列表联系人 →