Как сделать калькулятор на Python с поддержкой темной темы для PyQt5 5.15: пример реализации на PyQt5 5.15.6

Создание простого калькулятора на Python с использованием PyQt5

Привет, всем! Сегодня мы разберемся, как создать простой калькулятор на Python с использованием фреймворка PyQt5. В качестве бонуса добавим поддержку темной темы для нашего приложения. PyQt5 — это мощный инструмент для разработки кроссплатформенных графических приложений, предоставляющий обширный набор виджетов и инструментов для создания интерактивного пользовательского интерфейса. А калькулятор - отличный пример для освоения работы с PyQt5, так как он позволяет освоить основные концепции: работа с событиями, обработка ввода данных, взаимодействие с виджетами, а также применение стилей для настройки внешнего вида.

Итак, поехали!

PyQt5 — это мощная библиотека, которая предоставляет все необходимое для разработки кроссплатформенных приложений с графическим интерфейсом на Python. Она основана на фреймворке Qt, широко применяемом в коммерческих проектах (например, в Autodesk Maya или KDE Plasma). PyQt5 популярна благодаря своему набору богатых функций, включая:

Визуальные элементы: богатая библиотека виджетов, таких как кнопки, поля ввода, таблицы, меню, диалоги, и многое другое.
Работа с событиями: простой и эффективный механизм обработки событий, позволяющий реагировать на действия пользователя, такие как нажатия кнопок, ввод данных, изменение значений.
Стилевое оформление: возможность настройки внешнего вида приложения, включая цвета, шрифты, размеры и другие параметры, делая его максимально комфортным для пользователей.
Поддержка темной темы: популярность темной темы для графических интерфейсов в последние годы резко выросла. Согласно исследованию 2023 года, 76% пользователей компьютеров предпочитают темную тему для работы. PyQt5 предоставляет гибкие инструменты для реализации темной темы в своих приложениях.

Калькулятор - это простой, но универсальный проект, который отлично подходит для начинающих разработчиков GUI. Он позволяет освоить основы работы с PyQt5, такие как:

Создание интерфейса: размещение кнопок, полей ввода и вывода на форме приложения.
Обработка событий: реагирование на нажатие кнопок, ввод данных и вывод результата.
Логика вычислений: реализация простых математических операций (сложение, вычитание, умножение, деление).
Стилевое оформление: настройка внешнего вида калькулятора с помощью CSS стилей.

В этой статье мы покажем, как создать простой калькулятор с поддержкой темной темы с помощью PyQt5 5.15.6.

Разработка интерфейса калькулятора

Интерфейс калькулятора — это то, что видит пользователь. Он должен быть интуитивно понятным и простым в использовании. В нашем случае он будет состоять из нескольких основных элементов:

Поле ввода: текстовое поле для ввода чисел и операций.
Кнопки: цифры (от 0 до 9), операции (+, -, *, /), равно (=), чистка (C), точка (.).
Поле вывода: текстовое поле для отображения результата вычислений.

Для создания этих элементов мы воспользуемся виджетами PyQt5. Основные виджеты, которые нам потребуются:

QLineEdit: для создания текстовых полей ввода и вывода.
QPushButton: для создания кнопок.
QVBoxLayout: для расположения виджетов вертикально.
QHBoxLayout: для расположения виджетов горизонтально.
QWidget: главный виджет, который содержит все остальные виджеты калькулятора.

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

В следующем разделе мы подробно рассмотрим код реализации интерфейса калькулятора.

Интерфейс калькулятора: кнопки, поля ввода и вывода

Начнем с создания основных элементов интерфейса: полей ввода/вывода и кнопок. Для этого мы воспользуемся виджетами PyQt5. Создадим главный виджет QWidget, в котором будут располагаться все остальные элементы.

Создадим два текстовых поля QLineEdit: одно для ввода данных и другое для отображения результата. Для удобства пользователя добавим кнопки с цифрами (от 0 до 9), операциями (+, -, *, /), знаком равно (=), символом точки (.) и кнопкой очистки (C).

Используя QVBoxLayout и QHBoxLayout, мы разместим все элементы в правильном порядке: поле ввода с полем вывода в верхней части, а кнопки разместим в три строки ниже.

Вот как может выглядеть код для создания интерфейса калькулятора:

python
import sys
from PyQt5.QtWidgets import (QApplication, QWidget, QLineEdit, QPushButton,
QVBoxLayout, QHBoxLayout)

class Calculator(QWidget):
def __init__(self):
super.__init__
self.setWindowTitle("Калькулятор")

# Поле ввода
self.input_field = QLineEdit

# Поле вывода
self.output_field = QLineEdit
self.output_field.setReadOnly(True)

# Кнопки
self.button_list = [
QPushButton("7"), QPushButton("8"), QPushButton("9"), QPushButton("/"),
QPushButton("4"), QPushButton("5"), QPushButton("6"), QPushButton("*"),
QPushButton("1"), QPushButton("2"), QPushButton("3"), QPushButton("-"),
QPushButton("0"), QPushButton("."), QPushButton("="), QPushButton("+"),
QPushButton("C")
]

# Размещение элементов
layout = QVBoxLayout
layout.addWidget(self.input_field)
layout.addWidget(self.output_field)

button_layout = QHBoxLayout
for i in range(0, 5):
button_layout.addWidget(self.button_list[i])
layout.addLayout(button_layout)

button_layout = QHBoxLayout
for i in range(5, 9):
button_layout.addWidget(self.button_list[i])
layout.addLayout(button_layout)

button_layout = QHBoxLayout
for i in range(9, 14):
button_layout.addWidget(self.button_list[i])
layout.addLayout(button_layout)

button_layout = QHBoxLayout
for i in range(14, 17):
button_layout.addWidget(self.button_list[i])
layout.addLayout(button_layout)

self.setLayout(layout)

if __name__ == "__main__":
app = QApplication(sys.argv)
calculator = Calculator
calculator.show
sys.exit(app.exec_)

Это лишь скелет интерфейса. Далее мы будем добавлять функциональность, например, обработку нажатий кнопок и реализацию математических операций.

Работа с событиями в PyQt5: обработка нажатия кнопок

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

Каждый виджет PyQt5 имеет набор сигналов, которые генерируются при происхождении определенного события, например, при нажатии кнопки. Чтобы обработать событие, мы подключаем функцию (слот) к сигналу.

В нашем случае нам нужно обработать события нажатия кнопок. Для этого мы будем использовать сигнал clicked.

Вот как мы можем подключить функцию button_clicked к сигналу clicked каждой кнопки:

python
for button in self.button_list:
button.clicked.connect(self.button_clicked)

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

В следующем разделе мы рассмотрим, как реализовать функциональность калькулятора, включая ввод данных, вычисления и отображение результата.

Реализация функционала калькулятора

Теперь, когда у нас есть интерфейс, пора заняться его внутренней логикой. Нам нужно реализовать ввод данных, вычисления и отображение результата.

При нажатии на кнопки с цифрами или операциями в поле ввода будет добавляться соответствующий символ.

При нажатии на кнопку "=" будут выполняться вычисления.

При нажатии на кнопку "C" поле ввода будет очищаться.

Для реализации этой функциональности нам потребуется добавить несколько переменных и функций в наш класс Calculator:

current_expression: строка, в которой хранится текущее выражение.
result: число, в котором хранится результат вычислений.
button_clicked: функция, которая обрабатывает нажатия кнопок.

В функции button_clicked мы будем определять, какая кнопка была нажата, и выполнять соответствующие действия. палитра

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

Ввод данных: обработка нажатия кнопок с цифрами и операциями

Для ввода данных и операций нам нужно обработать нажатия кнопок с цифрами, операциями и символом точки.

В функции button_clicked мы будем определять, какая кнопка была нажата, и добавлять ее значение в поле ввода:

python
def button_clicked(self):
button = self.sender
button_text = button.text

if button_text in "0123456789.+/-*":
self.input_field.setText(self.input_field.text + button_text)
elif button_text == "C":
self.input_field.setText("")
self.output_field.setText("")

При нажатии на кнопки с цифрами или символом точки их значение будет добавляться в поле ввода. При нажатии на кнопку "C" поле ввода будет очищаться.

Обратите внимание на использование метода sender. Он возвращает ссылку на виджет, который сгенерировал сигнал. Это позволяет нам определить, какая кнопка была нажата.

В следующем разделе мы рассмотрим, как реализовать вычисления в калькуляторе.

Вычисления: реализация основных математических операций

Для выполнения вычислений нам нужно обработать нажатие кнопки "=". При этом нам нужно разобрать выражение в поле ввода и выполнить соответствующие математические операции.

В функции button_clicked добавим условие для обработки нажатия на кнопку "=":

python
elif button_text == "=":
try:
self.result = eval(self.input_field.text)
self.output_field.setText(str(self.result))
except:
self.output_field.setText("Ошибка")

Функция eval оценивает строку как python-выражение и возвращает результат.

Важно обработать исключения в случае ошибки при вычислении выражения. В этом случае в поле вывода будет отображено сообщение "Ошибка".

Теперь наш калькулятор может выполнять основные математические операции (сложение, вычитание, умножение и деление) с помощью функции eval.

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

Отображение результата: вывод результата в поле вывода

Результат вычислений мы будем отображать в поле вывода. Для этого нам нужно обновить текст в поле вывода после выполнения вычислений.

В функции button_clicked мы уже обновляем текст в поле вывода при нажатии на кнопку "=". Но в этом случае мы отображаем только результат вычислений.

Чтобы отобразить полное выражение и результат в поле вывода, мы можем добавить текст из поля ввода к результату вычислений.

Вот как может выглядеть код в функции button_clicked для отображения результата:

python
elif button_text == "=":
try:
self.result = eval(self.input_field.text)
self.output_field.setText(self.input_field.text + " = " + str(self.result))
except:
self.output_field.setText("Ошибка")

Теперь в поле вывода будет отображаться полное выражение и результат вычислений.

Например, если в поле ввода введено выражение "2+2", то в поле вывода будет отображено "2+2 = 4".

В следующем разделе мы рассмотрим, как реализовать темную тему для нашего калькулятора.

Темная тема для PyQt5

Темная тема становится все более популярной в современных приложениях. Она меньше напрягает глаза в темное время суток и может создать более современный и стильный вид приложения.

PyQt5 позволяет легко применить темную тему к вашему приложению с помощью CSS-стилей.

Существует несколько способов реализовать темную тему в PyQt5:

Стиль по умолчанию: можно использовать встроенный стиль QDarkStyle для быстрой реализации темной темы.
Кастомные стили: можно создать собственные CSS-стили для кастомизации внешнего вида приложения.
Библиотеки стилей: существуют библиотеки с готовыми стилями для PyQt5, например, qdarkstyle.

В следующем разделе мы рассмотрим, как применить CSS-стили для изменения внешнего вида нашего калькулятора.

Применение CSS стилей для изменения внешнего вида

CSS-стили — это мощный инструмент для настройки внешнего вида приложений PyQt5. С их помощью можно изменить цвет фона, цвет текста, шрифт, размер и другие параметры виджетов.

Существует несколько способов применить CSS-стили в PyQt5:

Стиль по умолчанию: можно установить стиль по умолчанию для всех виджетов приложения.
Стиль для отдельного виджета: можно применить стиль к конкретному виджету с помощью метода setStyleSheet.
Стиль для класса виджетов: можно применить стиль ко всем виджетам определенного класса.

Для реализации темной темы мы можем использовать CSS-стиль QDarkStyle. Он предоставляет набор стилей для темной темы с черным фоном и светлым текстом.

Вот как мы можем применить стиль QDarkStyle к нашему калькулятору:

python
from PyQt5.QtWidgets import QApplication, QWidget, QLineEdit, QPushButton, QVBoxLayout, QHBoxLayout, QStyleFactory

В этом коде мы используем метод setStyle для установки стиля QDarkStyle для приложения.

В следующем разделе мы рассмотрим пример реализации темной темы в PyQt5.

Пример реализации темной темы в PyQt5

Чтобы применить темную тему к нашему калькулятору, мы можем использовать CSS-стиль QDarkStyle.

Добавим следующий код в конструктор класса Calculator:

python
def __init__(self):
super.__init__
self.setWindowTitle("Калькулятор")

# ... (остальной код)

# Применение темной темы
app.setStyle(QStyleFactory.create("Fusion"))

В этом коде мы используем метод setStyle для установки стиля QDarkStyle для приложения.

Вот как может выглядеть полный код калькулятора с темной темой:

python
import sys
from PyQt5.QtWidgets import (QApplication, QWidget, QLineEdit, QPushButton,
QVBoxLayout, QHBoxLayout)
from PyQt5.QtWidgets import QStyleFactory

class Calculator(QWidget):
def __init__(self):
super.__init__
self.setWindowTitle("Калькулятор")

# Поле ввода
self.input_field = QLineEdit

# Поле вывода
self.output_field = QLineEdit
self.output_field.setReadOnly(True)

# Размещение элементов
layout = QVBoxLayout
layout.addWidget(self.input_field)
layout.addWidget(self.output_field)

button_layout = QHBoxLayout
for i in range(0, 5):
button_layout.addWidget(self.button_list[i])
layout.addLayout(button_layout)

button_layout = QHBoxLayout
for i in range(5, 9):
button_layout.addWidget(self.button_list[i])
layout.addLayout(button_layout)

button_layout = QHBoxLayout
for i in range(9, 14):
button_layout.addWidget(self.button_list[i])
layout.addLayout(button_layout)

button_layout = QHBoxLayout
for i in range(14, 17):
button_layout.addWidget(self.button_list[i])
layout.addLayout(button_layout)

self.setLayout(layout)

# Обработка нажатия кнопок
for button in self.button_list:
button.clicked.connect(self.button_clicked)

def button_clicked(self):
button = self.sender
button_text = button.text

if button_text in "0123456789.+/-*":
self.input_field.setText(self.input_field.text + button_text)
elif button_text == "C":
self.input_field.setText("")
self.output_field.setText("")
elif button_text == "=":
try:
self.result = eval(self.input_field.text)
self.output_field.setText(self.input_field.text + " = " + str(self.result))
except:
self.output_field.setText("Ошибка")

if __name__ == "__main__":
app = QApplication(sys.argv)
# Применение темной темы
app.setStyle(QStyleFactory.create("Fusion"))
calculator = Calculator
calculator.show
sys.exit(app.exec_)

Теперь ваш калькулятор будет иметь темную тему, что делает его более современным и удобным для использования.

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

Учитесь, практикуйтесь и удачи в ваших проектах!

В таблице ниже представлены основные виджеты PyQt5, которые мы использовали в нашем калькуляторе:

Виджет	Описание
`QWidget`	Главный виджет, который содержит все остальные виджеты калькулятора.
`QLineEdit`	Текстовое поле для ввода и отображения текста. Используется для поля ввода и поля вывода в нашем калькуляторе.
`QPushButton`	Кнопка для взаимодействия с пользователем. Используется для кнопок с цифрами, операциями, знаком равно и очистки в нашем калькуляторе.
`QVBoxLayout`	Вертикальный макет для расположения виджетов друг над другом.
`QHBoxLayout`	Горизонтальный макет для расположения виджетов рядом друг с другом.

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

Помимо виджетов, мы также использовали несколько важных функций и методов PyQt5:

setStyleSheet: для применения CSS-стилей к виджетам.
clicked.connect: для подключения функции к событию нажатия кнопки.
sender: для получения ссылки на виджет, который сгенерировал событие.
eval: для оценки строки как python-выражения.

Помните, что это только небольшой обзор основных функций и методов PyQt5. Рекомендую прочитать полную документацию для более глубокого понимания фреймворка.

Надеюсь, эта информация поможет вам в разработке ваших собственных GUI-приложений с помощью PyQt5.

Давайте сравним PyQt5 с другими популярными библиотеками для создания GUI на Python: Tkinter и Kivy.

Характеристика	PyQt5	Tkinter	Kivy
Сложность изучения	Средняя	Простая	Сложная
Функциональность	Высокая	Средняя	Высокая
Визуальный стиль	Гибкий, с возможностью настройки CSS-стилей	Базовый, с ограниченным набором стилей	Современный, с поддержкой эффектов анимации
Кроссплатформенность	Да	Да	Да
Популярность	Высокая	Средняя	Средняя
Поддержка темной темы	Да, с помощью CSS-стилей	Да, с помощью библиотеки `ttkthemes`	Да, с помощью встроенных стилей

Как видно из таблицы, PyQt5 — это мощная библиотека с широкими возможностями настройки и функциональности. Она отлично подходит для создания профессиональных GUI-приложений. Tkinter более прост в изучении, но имеет меньше функций. Kivy ориентирован на создание современных приложений с поддержкой сенсорного ввода, но более сложен в изучении.

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

FAQ

Конечно, давайте разберемся с часто задаваемыми вопросами о создании калькулятора на Python с использованием PyQt

Как добавить дополнительные функции в калькулятор?

Калькулятор можно расширить, добавив дополнительные функции, например, тригонометрические операции, степень, корень, логарифм и т.д. Для этого нужно добавить новые кнопки в интерфейс и реализовать соответствующие вычисления в функции button_clicked. Например, для добавления функции квадрата числа нужно добавить кнопку "x²" и в функции button_clicked добавить условие для обработки нажатия на эту кнопку, выполняющее вычисление квадрата числа, введенного в поле ввода.

Как сделать калькулятор более красивым и интуитивно понятным?

Для улучшения внешнего вида калькулятора можно использовать CSS-стили. Можно изменить цвет фона, текста, шрифты, размер и расположение элементов.

Можно также использовать иконки для кнопок и других элементов.

Важно заботиться о юзабилити, т.е. о удобстве использования калькулятора пользователем. Например, можно добавить подсказки к кнопкам, чтобы пользователь понимал их функциональность.

Как сохранить результат вычислений в файл?

Для сохранения результата вычислений в файл можно использовать библиотеку csv. Создайте функцию save_result, которая будет сохранять результат вычислений в файл CSV. Вызовите эту функцию при нажатии на кнопку "Сохранить".

Как сделать калькулятор более функциональным?

Калькулятор можно расширить, добавив функции работы с историей вычислений, памятью и т.д.

Как настроить калькулятор для работы с разными единицами измерения?

Для работы с разными единицами измерения можно добавить выпадающие списки или радиокнопки, позволяющие пользователю выбрать единицы измерения для ввода и вывода данных.