1.5 KiB
1.5 KiB
203 MessageBubble 消息气泡
用途
按角色框住一条消息：用户靠右、Selection 底色；助手靠左、Surface 底与细边；系统居中、灰色小字；错误带 Danger 边框与警示图标。头像与名称为插槽，宽度可限制。
最小示例
chat.MessageBubble(c, chat.MessageAssistant, chat.MessageBubbleOptions{Name: "Herald"}, func() {
ui.Text(c, "The ball begins at nine.")
})
签名：func MessageBubble(c *ui.Context, role MessageRole, opts MessageBubbleOptions, content func()) *ui.Element
参数
| 字段 | 类型 | 默认值 | 含义 |
|---|---|---|---|
role |
MessageRole |
必填 | MessageUser、MessageAssistant、MessageSystem、MessageError。 |
Name |
string |
"" | 显示在气泡上方的名称。 |
Avatar |
func() |
nil | 头像插槽，用户在右侧、其他角色在左侧；系统消息不显示。 |
MaxWidth |
float32 |
560 | 气泡最大宽度 DIP；负数 panic。 |
content |
func() |
必填 | 气泡内容，如 MarkdownView 或 StreamingText。 |
状态
四种角色外观；错误角色同时使用图标、边框与文字，不只依赖颜色。
事件
无；交互由内容与 MessageActions 提供。
键盘操作
气泡本身不获取焦点；内容中的链接、按钮按 Tab 顺序访问。辅助技术读到“角色，名称”分组。
限制
- 气泡不自带操作栏；把 MessageActions 放在 content 中或气泡下方。