Изменение подэлементов

15 декабря 2020

mob25

На этом шаге рассмотрим изменение составных элементов.

Многие виджеты формируются из составных элементов, так называемых подэлементов. Для задания стиля таких виджетов необходимо получить доступ к подэлементам. Делается это добавлением классификатора подэлемента после имени класса. Например, для изменения кнопки со стрелкой элемента выпадающего списка 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	Кнопка вверх. Имеется у виджета счетчика