На этом шаге рассмотрим изменение составных элементов.
Многие виджеты формируются из составных элементов, так называемых подэлементов. Для задания стиля таких виджетов необходимо получить доступ к подэлементам. Делается это добавлением классификатора подэлемента после имени класса. Например, для изменения кнопки со стрелкой элемента выпадающего списка QComboBox нужно поступить следующим образом:
QComboBox::drop-down {image: url(pic.png)}
или, например, кнопка может иметь меню:
QPushButton::menu-indicator {image: url(downarrow.png)}
Стили подэлементов управляются так же, как и стили элементов. Например:
QPushButton::menu-indicator:hover{image: url(hovereddownarrow.png)}
Размещение подэлементов выполняется при помощи subcontrol-position. Например, для того чтобы разместить подэлемент по центру справа, нужно сделать следующее:
QPushButton::menu-indicator {subconrol-position: right center}
В таблице 1 сведены некоторые из самых распространенных подэлементов.
Таблица 1. Подэлементы
Подэлемент | Описание | Возможные виды |
---|---|---|
::down-arrow | Стрелка вниз. Имеется, например, у виджета выпадающего списка и у счетчика | ![]() |
::down-button | Кнопка вниз. Имеется у виджета счетчика | |
::drop-down | Стрелка виджета выпадающего списка | |
::indicator | Индикатор кнопки флажка или переключателя, а также группировки кнопок | ![]() |
::item | Элемент меню, строки состояния | ![]() |
::menu-indicator | Индикатор меню кнопки нажатия, обычно это стрелка | ![]() |
::title | Надпись группы | ![]() |
::up-arrow | Стрелка вверх. Имеется у виджета счетчика | ![]() |
::up-button | Кнопка вверх. Имеется у виджета счетчика |
На следующем шаге рассмотрим управление состояниями элементов.
Предыдущий шаг
Содержание
Следующий шаг