Skip to Content
Components按键图标 KeyIcon

按键图标 KeyIcon

键盘 / 鼠标按键图标,用于显示快捷键提示。复用原版 --buttonIcon* 主题变量与键盘图标纹理(A-Z、F1-F12、方向键、修饰键、鼠标键等)。

用法

#include "component/ComponentSpec.h" using namespace dearoreui::component; ComponentSpec key; key.kind = ComponentKind::KeyIcon; key.label = "A"; // 按键名:A-Z、F1-F12、方向键、Enter/Esc/Shift/Ctrl/Alt/Space/Tab、鼠标键等

注册到页面:

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

属性

字段类型说明
kindComponentKind固定为 ComponentKind::KeyIcon
labelstring按键名(见下表)

支持的按键

类别按键
字母A-Z
功能键F1-F12
方向键上 / 下 / 左 / 右
修饰键Enter / Esc / Shift / Ctrl / Alt / Space / Tab
鼠标左键 / 右键 / 中键

[!NOTE] 未知按键名渲染为空(不输出任何 DOM)。

渲染结构

<div data-component="keyIcon"> ← 键帽 9-slice 纹理 <div> ← 按键字形(background-image + 尺寸) </div> </div>

相关