QSS 蓝色渐变

奔波尔灞

于 2024-04-24 14:55:22 发布

阅读量234

点赞数 2

CC 4.0 BY-SA版权

分类专栏： QT PyQt5 文章标签： qt pyqt c++

本文链接：https://blog.youkuaiyun.com/girl_programmer_/article/details/138159196

QT 同时被 2 个专栏收录

14 篇文章

订阅专栏

PyQt5

10 篇文章

订阅专栏

文章详细展示了如何使用QSS（Qt样式选择器）来美化Qt应用程序的界面，涉及到了QMainWindow、QPushButton、QComboBox等控件的样式设置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

#界面美化
    qssStyle = """
        QMainWindow {
            border: 1px solid #89ADBB;
            background-color: qlineargradient(x1: 0, y1: 0, x2: 2, y2: 1,
                stop: 0 #64D8DE, stop: 1 #7A64EB);
        }

        QPushButton {
            border: 3px solid rgba(0,128,192,80%);
            border-radius: 5px;
            background-color:rgba(0,128,192,80%);
            border-style: outset;
        }
        QPushButton:pressed {
            border-style: inset;
            }
        QComboBox {
            border: 2px solid #87B2D5;
            border-radius: 5px;
            background-color: rgba(255, 255, 255, 80%);
        }
        QTextBrowser{
            border: 2px solid #87B2D5;
            border-radius: 5px;
            background-color: rgba(255, 255, 255, 80%);
        }
        QLineEdit {
            border: 2px solid #87B2D5;
            border-radius: 5px;
            background-color: rgba(255, 255, 255, 80%);
        }
        QProgressBar {
            border: 1px solid #87B2D5;
            border-radius: 5px;
            text-align: center;
            width: 10px;
            background-color: rgba(228, 248, 255, 30%);
            border-style: outset;
        }
        QProgressBar::chunk {
            background-color: rgba(191, 255, 92, 70%);
            border-radius: 5px;
        }
        QGroupBox {
            border-color: #C2CEE5;
            border-width: 1px;
            border-style: solid;
            margin-top: 2ex;
        }
        QGroupBox::title {
            subcontrol-origin: margin;
            subcontrol-position: top left;
            left: 10px;
            margin-left: 2px;
            padding: 0px;
        }

    """