Files
MujicaUI/docs/components/406-user-profile-card.md

39 lines
1.1 KiB
Markdown
Raw Permalink Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
# 406 UserProfileCard 用户资料卡
## 用途
集中展示用户头像、姓名、在线状态、角色、自定义状态与操作插槽。
## 最小示例
```go
profile := messaging.UserProfile{Name: "Sakiko Togawa", Presence: messaging.PresenceBusy, Role: "Keyboard", Status: "In rehearsal"}
view := func(c *ui.Context) {
core.Use(c, core.Settings{})
messaging.UserProfileCard(c, profile, messaging.UserProfileCardOptions{Actions: func() {
input.Button(c, "Message", input.ButtonOptions{})
}})
}
ui.Render(view, 400, 300, 1)
```
## 参数
`UserProfile.Name` 必填;`Image`、`Presence`、`Role`、`Status`、`About` 提供展示内容。`UserProfileCardOptions.Width` 默认 300 DIP,必须 ≥ 0;`Actions func()` 提供可选操作。
## 状态
状态由调用方数据控制;浅深主题、密度与文字缩放随窗口设置变化。适用插槽操作沿用控件焦点和禁用状态。
## 事件
操作由 `Actions` 插槽中的控件返回。
## 键盘操作
Tab 访问操作插槽;Enter / Space 激活按钮。
## 限制
业务动作、头像加载与个人资料更新由调用方处理。