Fanbook 界面速览 侧边栏 频道列表 消息区一次看懂

整体布局

Fanbook 的移动端界面遵循即时通讯类应用的常见布局，但因为其服务器 + 频道的多社区架构，在侧边栏设计上有自己的特点：

┌──────────┬──────────────┬────────────────────────────┐
│          │              │                            │
│ 服务器   │   频道列表    │        消息区域             │
│ 侧边栏   │              │                            │
│          │              │                            │
├──────────┴──────────────┴────────────────────────────┤
│                   底部导航栏                          │
└──────────────────────────────────────────────────────┘

服务器侧边栏（最左）

侧边栏显示你加入的所有服务器的头像图标，从上到下排列。

• 点击某个服务器头像 → 切换到该服务器的频道列表
• 侧边栏顶部通常是你的个人头像 → 点击打开个人资料和账号设置
• 侧边栏底部有「+」按钮 → 创建新服务器或发现社区
• 收到消息的服务器头像上会有红点提示未读消息数量

一个小技巧： 加入的服务器多了之后，可以长按某个头像把它「置顶」，让常用服务器始终排在前面。

频道列表（中间）

切换到某个服务器后，中间区域显示该服务器的频道列表，按频道分类（ClassChannel）分组。

每个频道显示：

• 频道图标（# 表示文本频道、🔊 表示语音频道、🎙 表示视频频道、💬 表示圈子）
• 频道名称
• 未读消息红点（文本频道）或当前在线人数（语音/视频频道）

频道分类可折叠——点击分类名称可以收起/展开该分类下的所有频道，让长列表更易管理。

长按某个频道可以看到快捷操作：标记为已读、复制邀请链接（如果有权限）、频道设置等。

消息区域（右侧）

点击进入某个频道后，右侧（或全屏）显示该频道的消息流。

常见元素：

• 消息气泡——文字、图片、表情、视频、语音消息，支持富媒体
• 频道 Topic——频道顶部的说明文字，告知成员本频道的用途和规则
• 消息发送栏——底部的输入框，支持文字、表情、图片、@成员、使用 BOT 命令
• 历史消息——上下滑动浏览，支持搜索（部分版本）
• 引用回复——长按某条消息可以引用回复或私聊发送者

底部导航栏

底部导航通常包含 3~4 个标签（不同版本可能有差异）：

• 首页 / 发现——发现广场、精选社区推荐
• 消息 / 通知——跨服务器的私信和通知汇总
• 我的——个人资料、账号设置、乐豆余额

重要入口位置速查

熟悉界面布局后，接下来就可以深入了解每种频道类型了。