Форум программистов, компьютерный форум, киберфорум
iamvic
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
Путевые заметки в процессе познания Python и PyQt/PySide.
Помни - только тег CODE не портит код добавлением пробела в начало пустой строки.

К вопросу о применении таблиц стилей в PyQt-приложениях.

Запись от iamvic размещена 28.12.2023 в 23:25
Показов 2201 Комментарии 0
Метки pyqt5, python, python 3, qss

В документации как-то не особо акцентируется внимание на том, что приёмы нанесения боевой раскраски на элементы GUI можно разделить на два крайних случая.

В первом случае, загрузка и установка всех таблиц стилей выполняется сразу после старта приложения и действие этих таблиц распространяется на все элементы GUI данного приложения. Как правило, в этом случае таблицы стилей хранятся в виде файлов типа *.qss, содержимое которых считывается и устанавливается как общая таблица стилей приложения. Для внесения изменений достаточно отредактировать существующий файл *.qss или добавить новый. Исполнительный код (*.py) или код дизайна (*.ui) трогать не потребуется.

Во втором случае, установка таблиц стилей прописывается индивидуально для каждого виджета - либо в исполнительном коде *.py, либо в коде файлов дизайна *.ui.

Вариант, когда таблица стилей в виде строковой константы прописывается в коде приложения и устанавливается как общая таблица стилей, отнесём ко второму случаю - ведь для внесения изменений всё равно придётся править код.

На мой взгляд, преимущества первого варианта очевидны, поскольку позволяют выделить в команде разработчиков (даже если она состоит из одного человека ) отдельную производственную роль - роль стилиста. Он работает параллельно со всеми, у него свои задачи, он использует специализированные инструменты (CSS/QSS), позволяющие ему достучаться до любого виджета и свойства. Он может работать как по площадям, так и индивидуально. И нет никакой необходимости программисту или дизайнеру заниматься этим на своём уровне. Подготовленный специалист сделает эту работу лучше и быстрее.

И, как обычно, обсудив достоинства первого варианта, надо обсудить недостатки второго . А главный недостаток второго варианта, по моему мнению, состоит в том, что он выносит окончательный диагноз. Т.е. установленные по этому варианту индивидуальные настройки нельзя изменить извне, например, добавив в код массовую установку таблиц стилей по первому варианту. И как бы стилист ни изгалялся, пытаясь изменить своими средствами что-то, уже настроенное в коде дизайнером или программером, у него ничего не получится.

В качестве демонстрации использую аналог приложения из темы К вопросу о наследовании QWidget и таблицах стилей. позволяющий отключить закрытие окон от внешних источников, т.е. по щелчку ЛКМ на значке закрытия в полосе заголовка окна, выбора пункта "Закрыть Alt+F4" в выпадающем меню после щелчка ЛКМ по значку приложения в полосе заголовка и при нажатии комбинации клавиш Alt-F4:

Файл style_probe.py (исполняемый код):
Python
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
#!/usr/bin/python3
# -*- coding: utf-8 -*-
'''Style Probe v0.06
from iamvic on cyberforum.ru
'''
 
import glob, sys
from PyQt5.QtCore import Qt
from PyQt5.QtGui import QKeySequence, QPainter
from PyQt5.QtWidgets import (
    QApplication, QAction, QCheckBox, QDialog, QHBoxLayout,
    QLabel, QMainWindow, QPushButton, QShortcut, QStyle,
    QStyleFactory, QStyleOption, QVBoxLayout, QWidget)
 
class Control_widget(QWidget):
    def __init__(self, parent=None):
        super(Control_widget, self).__init__(parent)
        self.setObjectName('controlwidget')
        if len(sys.argv) > 1:
            # self.setStyleSheet('background-color: salmon;')    # <--- так делать нельзя
            # см. https://www.cyberforum.ru/blogs/1506008/blog8411.html
            self.setStyleSheet(
                'Control_widget#controlwidget {background-color: salmon;}')
        info_text = QLabel('Про sender() и parent()', self)
        info_text.setObjectName('controllabel')
        self.check_box = QCheckBox('Отключить внешнее управление', self)
        self.check_box.setObjectName('controlcheck')
 
        main_map = QVBoxLayout(None)
        main_map.addWidget(info_text)
        main_map.addWidget(self.check_box)
        self.setLayout(main_map)
 
    def paintEvent(self, e):
        opt = QStyleOption()
        opt.initFrom(self)
        p = QPainter(self)
        self.style().drawPrimitive(QStyle.PE_Widget, opt, p, self)
 
 
class Dialog_window(QDialog):
    def __init__(self, parent=None):
        super(Dialog_window, self).__init__(parent)
        QShortcut(QKeySequence('Ctrl+0'), self, self.close)
        self.outsourcer = self.sender()
 
        self.ctrl_widget = Control_widget(self)
        close_button = QPushButton('Завершить диалог', self)
        close_button.setObjectName('closebutton')
 
        v_map = QVBoxLayout(None)
        v_map.addStretch(1)
        v_map.addWidget(self.ctrl_widget)
        v_map.addWidget(close_button)
        v_map.addStretch(1)
 
        main_map = QHBoxLayout(None)
        main_map.addStretch(1)
        main_map.addLayout(v_map)
        main_map.addStretch(1)
        self.setLayout(main_map)
 
        close_button.pressed.connect(self.accept)
 
    def closeEvent(self, e):
        if (self.sender() == self.outsourcer and
            not self.ctrl_widget.check_box.checkState() == Qt.Unchecked):
 
            e.ignore()
        else:
            e.accept()
 
 
class Main_window(QMainWindow):
    def __init__(self, parent=None):
        super(Main_window, self).__init__(parent)
        QShortcut(QKeySequence('Ctrl+0'), self, self.close)
        self.outsourcer = self.sender()
        status_bar = self.statusBar()
 
        dialog1_action = QAction(
            'Диалог с заголовком', self, shortcut='Ctrl+1',
            triggered=self.to_dialog1, enabled=True)
        dialog1_action.setObjectName('dialog1action')
        dialog2_action = QAction(
            'Диалог без заголовка', self, shortcut='Ctrl+2',
            triggered=self.to_dialog2, enabled=True)
        dialog2_action.setObjectName('dialog2action')
        close_action = QAction(
            'Выход', self, shortcut='Ctrl+Q',
            triggered=self.to_close, enabled=True)
        close_action.setObjectName('closeaction')
 
        task_menu = self.menuBar().addMenu('Действия')
        task_menu.addAction(dialog1_action)
        task_menu.addAction(dialog2_action)
        task_menu.addAction(close_action)
 
        self.ctrl_widget = Control_widget(self)
        self.ctrl_widget.setObjectName('controlwidget')
        dialog1_button = QPushButton(
            'Открыть диалог с заголовком', self)
        dialog1_button.setObjectName('dialog1button')
        dialog2_button = QPushButton(
            'Открыть диалог без заголовка', self)
        dialog2_button.setObjectName('dialog2button')
        close_button = QPushButton('Завершить работу', self)
        close_button.setObjectName('closebutton')
 
        v_map = QVBoxLayout(None)
        v_map.addStretch(1)
        v_map.addWidget(self.ctrl_widget)
        v_map.addWidget(dialog1_button)
        v_map.addWidget(dialog2_button)
        v_map.addWidget(close_button)
        v_map.addStretch(1)
 
        main_map = QHBoxLayout(None)
        main_map.addStretch(1)
        main_map.addLayout(v_map)
        main_map.addStretch(1)
 
        central_widget = QWidget(self)
        central_widget.setObjectName('centralwidget')
        central_widget.setLayout(main_map)
        self.setCentralWidget(central_widget)
 
        dialog1_button.pressed.connect(self.to_dialog1)
        dialog2_button.pressed.connect(self.to_dialog2)
        close_button.pressed.connect(self.to_close)
 
    def closeEvent(self, e):
        if (self.sender() == self.outsourcer and
            not self.ctrl_widget.check_box.checkState() == Qt.Unchecked):
 
            e.ignore()
        else:
            e.accept()
 
    def to_dialog1(self):
        dialog = Dialog_window(self)
        dialog.setObjectName('dialog1control')
        dialog.exec_()
        dialog.deleteLater()
 
    def to_dialog2(self):
        dialog = Dialog_window(self)
        dialog.setObjectName('dialog2control')
        dialog.setWindowFlags(
            Qt.Window | Qt.FramelessWindowHint | Qt.CustomizeWindowHint)
        dialog.exec_()
        dialog.deleteLater()
 
    def to_close(self):
        self.close()
 
 
if __name__ == '__main__':
    app = QApplication(sys.argv)
    app.setApplicationName('Волевое решение')
 
    if 'Windows' in QStyleFactory.keys():
        app.setStyle(QStyleFactory.create('Windows'))
 
    style_set = ''
    for n in [str(n) for n in glob.glob('*.qss')]:
        with open(n, 'r') as f:
            style_set += '{!s}\n'.format(f.read())
    app.setStyleSheet(style_set)
 
    mwin = Main_window()
    mwin.setObjectName('mainwindow')
    mwin.move(200, 200)
    mwin.resize(400, 300)
    mwin.show()
 
    sys.exit(app.exec_())

Файл style_probe.qss (общий):
CSS
1
2
3
4
5
QStatusBar {background-color: beige;}
QWidget#centralwidget {background-color: yellowgreen;}
Dialog_window {background-color: palegoldenrod;}
QLabel#controllabel {font: bold;}
Control_widget#controlwidget {background-color: red;}

Файл style_dialog2.qss (индивидуальный для диалога без заголовка):
CSS
1
2
3
4
Dialog_window#dialog2control {background-color: maroon;}
Dialog_window#dialog2control #controlwidget {background-color: yellow;}
Dialog_window#dialog2control #closebutton {background-color: palegreen;}
Dialog_window#dialog2control #controllabel {color: red;}

На что следует обратить внимание:
1. если приложение запустить без параметра
Bash
1
py style_probe.py
то раскраска будет соответствовать замыслу стилиста, подготовившего файлы *.qss.

2. если приложение запустить с параметром, например,
Bash
1
py style_probe.py 1
то фон одного из виджетов будет задан в коде и стилист не сможет его изменить, редактируя файлы *.qss.
Метки pyqt5, python, python 3, qss
Размещено в Памятка
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Всего комментариев 0
Комментарии
 
Новые блоги и статьи
Debian 13: Установка Lazarus QT5
ВитГо 09.05.2026
Эта инструкция моя компиляция инструкций volvo https:/ / www. cyberforum. ru/ blogs/ 203668/ 10753. html и его же старой инструкции по установке Lazarus с gtk2. . .
Нейросеть на алгоритме "эстафета хвоста" как перспектива.
Hrethgir 06.05.2026
На десерт, когда запущу сервер. Статья тут https:/ / habr. com/ ru/ articles/ 1030914/ . Автор я сам, нейросеть только помогает в вопросах которые мне не известны - не знаю людей которые знали-бы. . .
Асинхронный приём данных из COM-порта
Argus19 01.05.2026
Асинхронный приём данных из COM-порта Купил на aliexpress термопринтер QR701. Он оказался странным. Поключил к Arduino Nano. Был очень удивлён. Наотрез отказывается печатать русские буквы. Чтобы. . .
попытка написать игровой сервер на C++
pyirrlicht 29.04.2026
попытка написать игровой сервер на плюсах с открытым бесконечным миром. возможно получится прикрутить интерпретатор питон для кастомизации игровой логики. что есть на текущий момент:. . .
Контроль уникальности выбранного документа-основания при изменении реквизита
Maks 28.04.2026
Алгоритм из решения ниже разработан на примере нетипового документа "ЗаявкаНаРемонтСпецтехники", разработанного в КА2. Задача: уведомлять пользователя, если указанная заявка (документ-основание). . .
Благородство как наказание
Maks 24.04.2026
У хорошего человека отношения с женщинами всегда складываются трудно. А я человек хороший. Заявляю без тени смущения, потому что гордиться тут нечем. От хорошего человека ждут соответствующего. . .
Валидация и контроль данных табличной части документа перед записью
Maks 22.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в КА2. Задача: контроль и валидация данных табличной части документа перед записью с учетом регламента компании. . .
Отчёт о затраченных материалах за определенный период с макетом печатной формы
Maks 21.04.2026
Отчёт из решения ниже размещён в конфигурации КА2. Задача: разработка отчёта по затраченным материалам за определённый период, с возможностью вывода печатной формы отчёта с шапкой и подвалом. В. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru