【Qt】按钮样式--按钮内部布局(调整按钮文本和图标放置在任意位置)
要求:
有一个按钮,要求按钮的右下角显示开关,点击切换开关状态
ps:注意,要求你添加完了之后,整个按钮的点击区域不变(就是说,点击右下角的文本,也可以触发按钮的点击事件,点击按钮中任何地方,都会触发点击事件,就是你在按钮上添加东西,不要影响按钮的点击区域)
效果:
实现:
将你要添加的东西,不管是label还是别的,都放在布局里,然后将按钮的布局设置一下就行。
我这个案例是添加了两个label
// 设置测试按钮
testButton = new QPushButton("", this);
testButton->setMinimumSize(QSize(420, 232));
testButton->setSizePolicy(QSizePolicy::Fixed, QSizePolicy::Fixed);
testButton->setProperty("TestButton",true);
// 设置文字
textLabel = new QLabel;
textLabel->setProperty("TestButtonText", "start");
textLabel->setText("running");
textLabel->setFixedHeight(32);
// 设置icon
iconLabel = new QLabel;
iconLabel->setFixedSize(32, 32);
iconLabel->setScaledContents(true);// 强制图片填满label
QPixmap _backgroundPixmap(":/img/start.png");
iconLabel->setPixmap(_backgroundPixmap);
// icon和文字布局
QHBoxLayout* iconAndTextLayout = new QHBoxLayout();
iconAndTextLayout->addStretch();
iconAndTextLayout->addWidget(iconLabel);
iconAndTextLayout->addWidget(textLabel);
iconAndTextLayout->setSpacing(10);
// 按钮布局
QVBoxLayout* buttonLayout = new QVBoxLayout();
buttonLayout->addStretch();
buttonLayout->addLayout(iconAndTextLayout);
testButton->setLayout(buttonLayout);