Qt如何實現高亮按鈕控件

這篇文章主要介紹Qt如何實現高亮按鈕控件，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

一、前言

這個高亮按鈕控件并非本人原創作品，是參考的Qt界的一個大師級人物公孫二狗的作品，各位有興趣可以去搜索查看，在原作者的代碼上，我只是改成了自己的控件的框架結構，然后完善了一些細節，比如增加了各種顏色設置，提供直接切換顏色模擬交通燈等。

其實整個編程學習過程都是一個不斷學習借鑒的過程，不斷參考別人的代碼，參考自帶demo的代碼，參考幫助文檔，面向搜索編程等，遇到問題不斷的先自己努力解決，并思考如何更好的辦法，建議學習編程的過程中，多看幫助文檔很重要，基本上涵蓋了所有函數的說明，起碼基本說明是有的，然后參考自帶的demo，這樣幾年搞下來，保準水平蹭蹭蹭的上漲。

高亮按鈕控件功能：

1. 可設置文本,居中顯示

2. 可設置文本顏色

3. 可設置外邊框漸變顏色

4. 可設置里邊框漸變顏色

5. 可設置背景色

6. 可直接調用內置的設置 綠色/紅色/黃色/黑色/藍色 等公有槽函數

7. 可設置是否在容器中可移動,當成一個對象使用

8. 可設置是否顯示矩形

9. 可設置報警顏色+非報警顏色

10. 可控制啟動報警和停止報警,報警時閃爍

二、代碼思路

//繪制外邊框
void LightButton::drawBorderOut(QPainter *painter)
{
    int radius = 99;
    painter->save();
    painter->setPen(Qt::NoPen);
    QLinearGradient borderGradient(0, -radius, 0, radius);
    borderGradient.setColorAt(0, borderOutColorStart);
    borderGradient.setColorAt(1, borderOutColorEnd);
    painter->setBrush(borderGradient);
    painter->drawEllipse(-radius, -radius, radius * 2, radius * 2);
    painter->restore();
}
//繪制內邊框
void LightButton::drawBorderIn(QPainter *painter)
{
    int radius = 90;
    painter->save();
    painter->setPen(Qt::NoPen);
    QLinearGradient borderGradient(0, -radius, 0, radius);
    borderGradient.setColorAt(0, borderInColorStart);
    borderGradient.setColorAt(1, borderInColorEnd);
    painter->setBrush(borderGradient);
    painter->drawEllipse(-radius, -radius, radius * 2, radius * 2);
    painter->restore();
}
//繪制主背景
void LightButton::drawBg(QPainter *painter)
{
    int radius = 80;
    painter->save();
    painter->setPen(Qt::NoPen);
    painter->setBrush(bgColor);
    painter->drawEllipse(-radius, -radius, radius * 2, radius * 2);
    painter->restore();
}
//繪制文字
void LightButton::drawText(QPainter *painter)
{
    if (text.isEmpty()) {
        return;
    }

    int radius = 100;
    painter->save();

    QFont font;
    font.setPixelSize(85);
    painter->setFont(font);
    painter->setPen(textColor);
    QRect rect(-radius, -radius, radius * 2, radius * 2);
    painter->drawText(rect, Qt::AlignCenter, text);
    painter->restore();
}
//繪制遮罩層
void LightButton::drawOverlay(QPainter *painter)
{
    if (!showOverlay) {
        return;
    }

    int radius = 80;
    painter->save();
    painter->setPen(Qt::NoPen);

    QPainterPath smallCircle;
    QPainterPath bigCircle;
    radius -= 1;
    smallCircle.addEllipse(-radius, -radius, radius * 2, radius * 2);
    radius *= 2;
    bigCircle.addEllipse(-radius, -radius + 140, radius * 2, radius * 2);

    //高光的形狀為小圓扣掉大圓的部分
    QPainterPath highlight = smallCircle - bigCircle;

    QLinearGradient linearGradient(0, -radius / 2, 0, 0);
    overlayColor.setAlpha(100);
    linearGradient.setColorAt(0.0, overlayColor);
    overlayColor.setAlpha(30);
    linearGradient.setColorAt(1.0, overlayColor);
    painter->setBrush(linearGradient);
    painter->rotate(-20);
    painter->drawPath(highlight);

    painter->restore();
}

三、效果圖

以上是“Qt如何實現高亮按鈕控件”這篇文章的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注億速云行業資訊頻道！