Разбирая по полочкам GUI для моего текущего проекта, столкнулся с необходимостью кастомизации самых обычных и привычных кнопочек, чекбоксов и прочих радостей жизни.

Первым вариантом, пришедшим на ум, было переопределение функций отрисовки, некая такая «классика жанра». К счастью, я вспомнил про еще одну замечательную возможность Qt — это использование StyleSheets.

Немного поколдовав над самой «очевидной» вещью — кнопкой — я получил такой результат:

Самым интересным является то, что достичь такого результата не составляет труда! QSS во многом повторяет CSS, так что он будет знаком любому, кто хоть раз касался вопросов верстки сайтов.

В нашем случае достаточно создать файл стиля следующего содержания:

QPushButton {
    border: 1px solid #000000;
    border-radius: 10px;
    background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                   stop: 0 #dedede, stop: 0.5 #434343,
                                   stop: 0.51 #000000, stop: 1 #656a6d);
    color: #FFFFFF;
    font: bold 14px;
    min-width: 80px;
}

QPushButton:pressed {
    background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
                                   stop: 0 #cfcccc, stop: 0.5 #333232,
                                   stop: 0.51 #000000, stop: 1 #585c5f);
    color: #00CC00;
}

QPushButton:flat {
    border: none;
}

…загрузить этот файл в приложении:

...
    // Setup application style
    QFile styleFile("data/style/default.qss");
    if( styleFile.open(QFile::ReadOnly) ) {
        QString styleSheet = QLatin1String(styleFile.readAll());
        qApp->setStyleSheet(styleSheet);
    }
    else
        qDebug() << "Style can't be loaded.";
...

.. и все! :)

Текст стиля можно указывать и прямо в программе, примеры вы сможете найти в документации. Да и использование QString в моем примере наглядно показывает эту возможность.

Как мне кажется, для простого «оживления» внешнего вида кнопки, выглядит неплохо:

Аналогично определяются такие состояния кнопки, как «checked», «disabled» и т.п. — все зависит от Ваших нужд и Вашей фантазии.

Очевидно, что такой подход имеет два неоспоримых преимущества — отсутствие необходимости перекомпиляции программы для применения изменений в стиле и широко известный язык верстки. Тем самым, дизайном программы может заниматься человек, далекий от программирования, при этом наблюдая изменения после простого перезапуска программы.

Автор использованной иконки: Gpopper