526互联

Qt中设置设置控件样式 — setStyleSheet

发布时间 2023-10-30 23:28:44作者: Jeffxue

通过 setStyleSheet 来设置控件的 Style 样式

控件样式的常用设置项：

1、border：设置控件的边框样式

    // 1. 无边框
    QString borderNone = "border:none";

    // 2. 设置边框的值需要有3个因子： 宽度，线形，颜色
    QString borderStyle = "border:5px solid #999999;";

    // 3. 设置边框的圆角半径为：30px
    QString borderRadius = "border-radius:30px;";

    // 边框可以为各种组合样式
    ui.widget->setStyleSheet(borderStyle + borderRadius);
    ui.groupBox->setStyleSheet(borderNone); // GroupBox 无边框

效果如下图所示：

2、background-color：设置背景颜色

    // 设置背景的两种方式：
    // 1. 以十六进制数字设置
    QString backgroundStr1 = "background-color:#00ffff";
    // 2. 以 rgba 的方式来设置
    QString backgroundStr2 = "background-color:rgba(200,100,100,0.8)";