42 lines
1.5 KiB
Markdown
42 lines
1.5 KiB
Markdown
# 203 MessageBubble 消息气泡
|
|
|
|
## 用途
|
|
|
|
按角色框住一条消息：用户靠右、Selection 底色；助手靠左、Surface 底与细边；系统居中、灰色小字；错误带 Danger 边框与警示图标。头像与名称为插槽，宽度可限制。
|
|
|
|
## 最小示例
|
|
|
|
```go
|
|
mujica.MessageBubble(c, mujica.MessageAssistant, mujica.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 中或气泡下方。
|