Qt使用非绘制的方式简单实现一个开关按钮的思路（尺寸固定）

最新推荐文章于 2024-04-30 16:48:07 发布

笨小孩寻聪

最新推荐文章于 2024-04-30 16:48:07 发布

阅读量537

点赞数

分类专栏： QT学习文章标签： qt ui 开发语言

本文链接：https://blog.csdn.net/qq_44896246/article/details/129269941

版权

QT学习专栏收录该内容

10 篇文章 1 订阅

订阅专栏

效果演示

实现思路

新建一个界面类，继承自QWidget，在其中放置一个Widget作为按钮背景，两个label，一个用作开关圆圈，一个用作文字显示，计算出它们分别在“开”和“关”状态下的合理位置，使用mousePressEvent实现点击时的状态切换和位置移动；

完整代码

按钮类

头文件：

#ifndef SWITCHBTNFORM_H
#define SWITCHBTNFORM_H

#include <QWidget>
#include <QMouseEvent>

namespace Ui {
class SwitchBtnForm;
}

class SwitchBtnForm : public QWidget
{
    Q_OBJECT

public:
    explicit SwitchBtnForm(QWidget *parent = nullptr);
    ~SwitchBtnForm();
protected:
    void mousePressEvent(QMouseEvent *event);
public:
    void setTextLabPos(int xPos, int yPos); // 设置文字在按钮中的显示位置
private:
    Ui::SwitchBtnForm *ui;
    bool switchState = false; // 开关默认状态为关
};

#endif // SWITCHBTNFORM_H

源文件：

#include "switchbtnform.h"
#include "ui_switchbtnform.h"
#include <QFont>

constexpr int edgeNum = 2;
constexpr int edgeSpace = 5;

SwitchBtnForm::SwitchBtnForm(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::SwitchBtnForm)
{
    ui->setupUi(this);
    QFont tipFont;
    tipFont.setFamily("SimSun");
    ui->tipLabel->setText("关");
}

SwitchBtnForm::~SwitchBtnForm()
{
    delete ui;
}

void SwitchBtnForm::mousePressEvent(QMouseEvent *event)
{
    Q_UNUSED(event);
    int xDistance = 0;
    const QString offBgWidgetStyle = "QWidget#bgWidget{background: rgb(173, 173, 173);\
            border: 0px;border-radius: 20px;}";
    const QString onBgWidgetStyle = "QWidget#bgWidget{background:#1E90FF;\
            border: 0px;border-radius: 20px;}";

    if (!switchState) {
        xDistance = ui->bgWidget->width() - ui->label->width() - edgeSpace * edgeNum;
        ui->label->move(ui->label->pos().x() + xDistance, edgeSpace);
        ui->tipLabel->move(ui->bgWidget->width() / edgeNum - ui->tipLabel->width(), 0);
        ui->bgWidget->setStyleSheet(onBgWidgetStyle);
        ui->tipLabel->setText("开");
        switchState = true;
    } else {
        ui->label->move(edgeSpace, edgeSpace);
        ui->tipLabel->move(ui->bgWidget->width() / edgeNum, 0);
        ui->bgWidget->setStyleSheet(offBgWidgetStyle);
        ui->tipLabel->setText("关");
        switchState = false;
    }
}

void SwitchBtnForm::setTextLabPos(int xPos, int yPos)
{
    ui->tipLabel->setGeometry(xPos, yPos, 20, 40);
}