На этом шаге рассмотрим пример реализации каскадного стиля элемента управления.

Рассмотрим пример приложения, приведенного на рисунке 1.

Рис.1. Пример реализации стиля

Реализация стиля приведена ниже:

//селектор устанавливает минимальную ширину кнопки, равную 80 пикселам
QPushButton {
    min-width: 80px;
}
//селектор описывает кнопку в обычном состоянии
QPushButton {
    //задается изображение, находящееся в ресурсе, с границей, толщиной 5 пикселов
    border-image: url(:/style/btn.bmp) 5px;
    //толщина границы элемента
    border-width: 5px;
}
//селектор описывает кнопку при наведенной на него мыши
QPushButton:hover {
    border-image: url(:/style/btnhvd.bmp) 5px;
    border-width: 5px;
}
//селектор описывает кнопку в нажатом состоянии
QPushButton:pressed {
    border-image: url(:/style/btnprs.bmp) 5px;
    border-width: 5px;
}

В main.cpp загружаем стиль из файла, записываем его содержимое в строковую переменную strCSS и вызовом QApplicaiton::setStyleSheet() применяем его в приложении:

QFile file(":/style/simple.qss");
file.open(QFile::ReadOnly);
QString strCSS = QLatin1String(file.readAll());
qApp->setStyleSheet(strCSS);

Файлы приложения можно взять здесь.

На следующем шаге начнем рассмотрение классов для работы с базами данных в библиотеке Qt и основных понятий баз данных.

Предыдущий шаг Содержание Следующий шаг