首先ui設計中分別創建了4個大燈和4個小燈。
編輯.h文件
#ifndef LED_H
#define LED_H#include <QWidget>
#include <QLabel>QT_BEGIN_NAMESPACE
namespace Ui { class Led; }
QT_END_NAMESPACEclass Led : public QWidget
{Q_OBJECTpublic:Led(QWidget *parent = nullptr);~Led();private:void initData();void initUi();private:Ui::Led *ui;QVector<QString> color_s; ///< 存放設置小燈的樣式字符串QVector<QString> color_b; ///< 存放設置大燈的樣式字符串enum colorType {GREY = 0, RED, GREEN, YELLOW}; ///< 燈顏色枚舉
};
#endif // LED_H編輯.cpp文件
#include "led.h"
#include "ui_led.h"Led::Led(QWidget *parent): QWidget(parent), ui(new Ui::Led)
{ui->setupUi(this);initData();initUi();
}Led::~Led()
{delete ui;
}void Led::initData()
{QString comm_s("min-width:20px;min-height:20px;max-width:20px;max-height:20px;border-radius:13px;border:3px rgb(147, 147, 147);border-style:outset;");color_s.push_back(comm_s + QString("background-color:rgb(195, 195, 195);")); ///< GREYcolor_s.push_back(comm_s + QString("background-color:rgb(255, 0, 0);")); ///< REDcolor_s.push_back(comm_s + QString("background-color:rgb(0, 255, 0);")); ///< GREENcolor_s.push_back(comm_s + QString("background-color:rgb(255, 255, 0);")); ///< YELLOWQString comm_b("min-width:34px;min-height:34px;max-width:34px;max-height:34px;border-radius:20px;border:3px rgb(147, 147, 147);border-style:outset;");color_b.push_back(comm_b + QString("background-color:rgb(195, 195, 195);")); ///< GREYcolor_b.push_back(comm_b + QString("background-color:rgb(255, 0, 0);")); ///< REDcolor_b.push_back(comm_b + QString("background-color:rgb(0, 255, 0);")); ///< GREENcolor_b.push_back(comm_b + QString("background-color:rgb(255, 255, 0);")); ///< YELLOW
}void Led::initUi()
{ui->leds1->setStyleSheet(color_s[colorType::GREY]);ui->ledb1->setStyleSheet(color_b[colorType::GREY]);ui->leds2->setStyleSheet(color_s[colorType::RED]);ui->ledb2->setStyleSheet(color_b[colorType::RED]);ui->leds3->setStyleSheet(color_s[colorType::GREEN]);ui->ledb3->setStyleSheet(color_b[colorType::GREEN]);ui->leds4->setStyleSheet(color_s[colorType::YELLOW]);ui->ledb4->setStyleSheet(color_b[colorType::YELLOW]);
}效果這樣：
