Qt дизайн. Дизайн приложений QtWidgets. Часть 2. Таблицы стилей QSS

Описание к видео Qt дизайн. Дизайн приложений QtWidgets. Часть 2. Таблицы стилей QSS

Разбираемся с правилами таблиц стилей QSS и осваиваем вёрстку приложений QtWidgets. В этой части на начальному уровне знакомимся с некоторыми аспектами использования QSS. Работаем в Qt Designer, а также добавляем управляем стилями программным образом.
Всё это происходит с использованием практического примера - настольного приложения "Крестики-нолики".
Первая часть:    • Qt дизайн. Дизайн приложений QtWidget...  
Часть 3:    • Qt дизайн. Дизайн приложений QtWidget...  
Архив с изображениями и файлами шрифтов: https://drive.google.com/file/d/1sPrq...

Эпизоды:
0:00 Вводная часть
2:20 Назначение элементов интерфейса
4:41 Создание файла ресурсов
7:42 Добавление иконки и названия приложения средствами Qt Designer
10:29 QSS, селекторы, правила, свойства, значения
29:05 Назначение стилей QSS программным образом
37:41 Добавление фонового изображения для Widget
40:36 Использование QSS для виджетов-наследников QWidget
48:37 Свойства QPushButton для кнопок Играть и Об игре
57:34 Использование шрифтов из ресурсов в таблицах стилей QSS
1:03:01 Внешний вид кнопки при наведении указателя мыши и нажатия (hover, pressed)
1:06:20 Внешний вид кнопок выбора (переключатель крестики-нолики)

*****
Свойства QSS (которые использовались в примере) и их назначение:
background - сложное комплексное свойство для изменения всех возможных свойств фона (цвет, фоновое изображение, повторение и позиция фонового изображения). Значение none говорит о том, что виджет "не имеет" своего фона.
background-color - цвет фона
background-image - фоновое изображение. По умолчанию повторяется и занимает весь фон.
background-position - позиция фонового изображения (доступны top, center, bottom для вертикали; left, center, right для горизонтали).
border - свойства границы виджета (толщина, тип, цвет).
border-left - свойства левой границы виджета
border-radius - радиус закругления всех углов виджета.
border-top-left-radius - закругление верхнего левого угла.
border-bottom-left-radius - закругление левого нижнего угла.
border-top-right-radius - закругление правого левого угла.
border-bottom-right-radius - закругление правого нижнего угла.
font-family - задаёт шрифт (возможно указание нескольких шрифтов на случай отсутствия шрифта в системе).
font-size - размер шрифта в пикселях или пунктах.
Псевдокласс hover отвечает за внешний вид элемента в момент наведения.
Псевдокласс pressed отвечает за внешний вид элемента в момент нажатия.
*****

Комментарии

Информация по комментариям в разработке