Skip to Content
Components图标 Icon

图标 Icon

语义图标:icon 键引用原版 assets 素材,由 VanillaAssets::icon(name) 解析为具体 URL 与显示尺寸。

用法

#include "component/ComponentSpec.h" using namespace dearoreui::component; ComponentSpec icon; icon.kind = ComponentKind::Icon; icon.icon = "checkmark"; // VanillaAssets 语义键

注册到页面:

oreui->registerComponent(ModId{"my-mod"}, uiManifest, icon);

属性

字段类型说明
kindComponentKind固定为 ComponentKind::Icon
iconstring素材语义键(见下表)
stylestring尺寸/颜色覆盖(默认 2.4rem)

素材键

常用图标(VanillaAssets::icon,部分):

用途
checkmark / checkmarkSmall勾选/开关
chevronDown / chevronUp / chevronLeft / chevronRight展开/折叠/导航
close关闭
search搜索
plus / minus增删
settings / home / info / warning / error状态与入口
play / arrowDown / arrowLeft / arrowRight / arrowUp播放/方向
filter / edit / trash / copy / refresh操作
lock / unlock / menu / list / grid / world / envelope / bell / clock通用

按键类图标(VanillaAssets::keyIcon)见按键图标

渲染结构

<img data-component="icon" src=".../hbui/assets/Checkmark-xxx.png">

相关