设置可选按钮
auto earMonitorSwitch = new QPushButton(this);
earMonitorSwitch->setCheckable(true);
earMonitorSwitch->setStyleSheet("QPushButton{border-image:url(./resource/audio/audio_setting/btn_earmonitor_close.png);}"
"QPushButton:checked{border-image:url(./resource/audio/audio_setting/btn_earmonitor_open.png);}");
设置不同状态下的通用CSS
pBtnTest->setStyleSheet("QPushButton{border-image:url(./resource/audio/audio_setting/close_normal.png);border:none;}"
"QPushButton:hover{border-image:url(./resource/audio/audio_setting/close_hover.png);}"
"QPushButton:pressed{border-image:url(./resource/audio/audio_setting/close_press.png);}");
设置按钮样式:前景色,背景色,边框等
// 定义初始样式集合
QStringList list;
list.append("color:white"); // 前景色
list.append("background-color:rgb(85,170,255)"); // 背景色
list.append("border-style:outset"); // 边框风格
list.append("border-width:5px"); // 边框宽度
list.append("border-color:rgb(10,45,110)"); // 边框颜色
list.append("border-radius:20px"); // 边框倒角
list.append("font:bold 30px"); // 字体
list.append("padding:4px"); // 内边距
// 设置按钮初始样式
pBtnTest->setStyleSheet(list.join(';'));
// 按钮按下时修改样式
list.replace(6, "font:bold 35px");
connect(pBtnTest, &QPushButton::pressed, [=](){
pBtnTest->setStyleSheet(list.join(';'));
// 按钮弹起时恢复样式
list.replace(6, "font:bold 30px");
connect(pBtnTest, &QPushButton::released, [=](){
pBtnTest->setStyleSheet(list.join(';'));
为按钮添加右键菜单
auto button = new QPushButton(u8"按钮");
button->setContextMenuPolicy(Qt::ActionsContextMenu);
if (type == AccomSoundType::mySound)
auto deleteAction = new QAction(left);
deleteAction->setText(u8"删除");
connect(deleteAction, &QAction::triggered, this, [=]() {
trace("删除");
button->addAction(deleteAction);
为按钮添加左键菜单
// 菜单
QMenu *pMenu = new QMenu(this);
pMenu->addAction(QString::fromLocal8Bit("设置"));
pMenu->addAction(QString::fromLocal8Bit("版本检测"));
pMenu->addSeparator();
pMenu->addAction(QString::fromLocal8Bit("关于我们"));
pMenu->addAction(QString::fromLocal8Bit("退出"));
// 按钮
QPushButton *pButton = new QPushButton(this);
pButton->setText(QString::fromLocal8Bit("主菜单"));
// 设置菜单
pButton->setMenu(pMenu);
上面的方法会让按钮显示一个下拉的三角形图标,如果想取消这个图片可以用 qss 去除:
QPushButton::menu-indicator#btn_room_setting{
image:none;
Qt学习笔记(十五):QPushButton 按钮的常用方法
QT QPushButton