【Qt】按钮样式--按钮内部布局（调整按钮文本和图标放置在任意位置）

1900_2024-09-13 19:04

要求：

有一个按钮，要求按钮的右下角显示开关，点击切换开关状态

ps：注意，要求你添加完了之后，整个按钮的点击区域不变（就是说，点击右下角的文本，也可以触发按钮的点击事件，点击按钮中任何地方，都会触发点击事件，就是你在按钮上添加东西，不要影响按钮的点击区域）

效果：

实现：

将你要添加的东西，不管是label还是别的，都放在布局里，然后将按钮的布局设置一下就行。

我这个案例是添加了两个label

c++ 复制代码

    // 设置测试按钮
    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);