账户、角色及资源卡片共用圆形头像。图片尚未加载或加载失败时,有原名显示首字,没有原名显示灰底人形。明确不存在时,显示镂空人形和边框。
当前为浅色模式,图片底色、首字和灰底人形同步适配。
头像样式
图片头像
图片正常显示,无边框。
初
首字头像
没有可用图片时,显示原名首字。
空头像 · 存在
没有图片和名字,柔和灰底与人形,无边框。
空头像 · 不存在
镂空人形,仅此状态保留边框。
组合头像与人数
KAvatarGroup 将多个头像重叠排列,超出 max 的人数以圆形 +N 标记展示。下方共五人,展示三个头像和 +2;人数标记也可单独使用 KAvatar 的 count 属性。
20px · +2
36px · +2
56px · +2
+2
全部展示
角色主题色
有角色主题色时,在灰底上叠加 12% 透明色,首字和人形使用角色色;图片本身保持原色。没有主题色时沿用上方中性配色。
初
初
初
尺寸
初
初
初
初
初
初
状态切换
切换同一个头像的图片地址,检查成功、失败和清空后的回退;加载开关用于外部资料尚未就绪的场景。
初
外部加载中
音乐演唱者卡片
直接复用音乐列表的 AudioPerformers,头像统一通过 ResourceImage 使用 KAvatar。支持14px音乐列表和16px详情标题字号,头像均为20px;窄容器中点击 +N 可查看其余角色,内外字号一致。