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

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

   
Рассмотрим пример приложения, приведенного на рисунке 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);

   
Файлы приложения можно взять Предыдущий шаг
Содержание
Следующий шаг



Вы можете оставить комментарий, или Трекбэк с вашего сайта.

Оставить комментарий