这些字符要求是人类可读性较高的。比如下面这些：
Ctrl+F // Ctrl + F
Shift+H // Shift+ H
Alt+W
Ctrl+Alt+E
F5 // 就是 F5
D // 就是字母D
给上面示例的三个菜单加上快捷键。
act1->setShortcut(QKeySequence("Ctrl+N"));
act2->setShortcut(QKeySequence("ctrl+S"));
act3->setShortcut(QKeySequence("Alt+E"));
描述按键的字符串不区分大小写，所以，“Alt+E”和“alt+e”一样。快捷键会显示在菜单命令文本的右边。如下所示
这时候，只要按下 Alt + E，程序就会退出。
应用程序除了菜单栏，通常还有工具栏（QToolBar）。QAction 类是命令的抽象，它可以在菜单栏与工具栏之间共用。所以，咱们上面的示例也可以加上工具栏。
// 创建三个QAction对象
QAction *act1 = new QAction(QIcon("new.png"), "新建", &win);
QAction *act2 = new QAction(QIcon("save.png"), "保存", &win);
QAction *act3 = new QAction(QIcon("exit.png"), "退出", &win);
……
// 创建工具栏
QToolBar *toolbar = new QToolBar(&win);
// 将那三个命令添加到工具栏
toolbar->addAction(act1);
toolbar->addAction(act2);
toolbar->addAction(act3);
// 工具栏添加到主窗口
win.addToolBar(toolbar);
重新编译运行，结果如下：
QAction 的 triggered 信号是这样定义的：
void QAction::triggered(bool checked = false)
它有个 bool 类型的参数，默认是 false。干吗用的呢？这是处理带 check 功能的菜单用的。就是那种点一下 on，再点一下 off 的那种。咱们在上面的示例中增加一个“开机启动”菜单项。
QAction *act4 = new QAction("开机启动", &win);
// 开启check功能
act4->setCheckable(true);
QObject::connect(act4, &QAction::triggered, &onAutoStart);
fileMenu->addAction(act4);
// 这个是slot函数
void onAutoStart(bool checked)
{
if(checked){
QMessageBox::information(nullptr,"提示", "程序开机启动");
}
else
{
QMessageBox::information(nullptr,"提示","已取消开机启动");
}
}
setCheckable 方法如果传递 true，表示开启 check 功能；若 false，关闭 check 功能。
当可check菜单处于 on 状态时，它前面会显示一个勾。如下图所示：
有些时候，菜单命令的默认用户界面不太符合需要。为了方便用户操作，我可能想放一个别的 Widget 上去（比如放个滑块条）。QAction 类做不到这个，但它的派生类可以：QWidgetAction。
咱们在菜单栏上添加一个显示 QSpinBox 组件的命令。
// 创建spinBox组件
QSpinBox *spinbox = new QSpinBox(&win);
spinbox->show();
// 设置一下范围0-300
spinbox->setRange(0, 300);
// 默认显示的值50
spinbox->setValue(50);
// 将它放到工具栏和菜单上
QWidgetAction *act5 = new QWidgetAction(&win);
act5->setDefaultWidget(spinbox);
fileMenu->addAction(act5);
QWidgetAction 在实例化后，调用 setDefaultWidget 方法关联要显示在菜单上的组件即可。当然，咱们可以从 QWidgetAction 类派生出自己的类，来实现更高级的需求。这个老周留到下次写水文时再说。
编译运行，看看菜单的最后一项，有趣吧。
==========================================================================
好了，今天的话题就聊完了。下面又是老周讲故事时间。
以前老周分享过改 VS Code 全窗口背景的方法，就是设置 <body> 元素的背景图，然后适当调一调透明度。
但，如果你不喜欢那样覆盖整个窗口，我只是想打开代码编辑器时才看到背景图呢。嗯，也就是只设置编辑器的背景图。原理一样，都是改 CSS 样式。打开VS Code程序目录下的 resources\app\out\vs\workbench\workbench.desktop.main.css 样式表，添加以下样式：
.monaco-editor, .monaco-editor-background {
background: center/32% no-repeat url('vscode-file://vscode-app/c:/users/mmm/pictures/bg/20.png') !important;
}
对的，就是设置 background 属性，后面的 important 表示强行覆盖，不然不会生效。图片URL 是 vscode-file 协议，加上 vscode-app 前缀，然后就是图片的完整路径。center/32% 表示图片居中对齐，32% 是缩小图片，变为原尺寸的32%，这个你得根据你的图片自己调，调到合适就好。
建议使用透明背景的 PNG 图片，因为太花的图片会干扰你写代码的。CSS 不要用 opacity 来调整透明度，因为这样一调，连代码的透明度也跟着变了，很影响视线，看不清代码，容易导致高度近视。咱们可以在图片上做手脚，就是让原图也具有一定的透明度。
方法是用 PS 打开图片，在图层面板的“不透明度”，改为 15-20% ，具体哪个值你也可以试试，只要看着舒服就行。
设置完后，效果如下：
《初代萌王陪我写代码》，岂不美哉！