qss设置边框样式-QT开发中文网

在 Qt 中，可以使用 QSS（Qt Style Sheets）来设置组件的样式，包括边框样式。下面是一些常见的设置边框样式的例子。

基本语法

QSS 的基本语法类似于 CSS，通常格式为：

selector {
    property: value;
}

设置边框的属性

以下是一些与边框相关的属性，你可以在 QSS 中使用它们：

border: 设置边框宽度、样式和颜色。
border-width: 设置边框宽度。
border-style: 设置边框样式（如 solid, dashed, dotted）。
border-color: 设置边框颜色。

示例代码

下面是一个示例，展示如何通过 QSS 为 QPushButton 和 QWidget 设置不同的边框样式。

#include <QApplication>
#include <QPushButton>
#include <QWidget>

int main(int argc, char *argv[]) {
    QApplication app(argc, argv);

    QWidget window;
    window.setFixedSize(300, 200);

    // 创建一个按钮
    QPushButton *button = new QPushButton("Click Me", &window);
    button->setGeometry(50, 50, 200, 50);

    // 使用 QSS 设置窗口和按钮的边框样式
    QString styleSheet = R"(
        QWidget {
            border: 2px solid blue; /* 窗口边框：2px 宽，实线，蓝色 */
            border-radius: 10px; /* 圆角 */
        }
        QPushButton {
            border: 1px dashed green; /* 按钮边框：1px 宽，虚线，绿色 */
            padding: 10px; /* 内间距 */
        }
        QPushButton:hover {
            border: 2px solid red; /* 鼠标悬停时按钮边框变化 */
        }
    )";

    // 应用 QSS 样式表
    window.setStyleSheet(styleSheet);

    window.show();
    
    return app.exec();
}

示例解析

窗口设置：
- 对于主窗口 (QWidget)，我们设定了一个蓝色实线的2像素宽度边框，并使其具有圆角效果。
按钮设置：
- 对于 QPushButton，我们设定了一个绿色虚线的1像素宽度的边框，并增加了内间距，以便文字不会紧贴着按钮的四周。
- 当鼠标悬停在按钮上时，将改变为红色实线的2像素宽度以突出显示。
应用样式：
- 使用 setStyleSheet() 方法将定义好的 QSS 样式应用到主窗口上，从而实现界面的个性化设计。