Разработка приложения с GUI в IDE Pycharm c билдером Qt Designer

Для создания приложений с GUI на Python удобно использовать билдер Qt Designer, который совместим с библиотекой PyQt.

Цель практической работы: создать простое приложение с GUI, используя возможности IDE Pycharm, библиотеки PyQt и билдера Qt Designer.

Создайте новый проект в Pycharm с именем "hello".

 

Согласитесь с настройкой защитника

Перейдите в меню установки пакетов проекта

и установите библиотеку PyQt5 версии 5.15.11 (нажмите лупу и начните вводить PyQt..., когда загрузится список, нажмите синий текст Install, выберите версию).


Затем нажмите кнопку Install, расположенную справа.

Если таким методом установить библиотеку не удается, то зайдите в настройки

Выберите свой проект и настройки интерпретатора. В открывшемся окне нажмите "+".

В окне выбора и установки пакета начните вводить PyQt5, убедитесь, что выбрана нужная версия и нажмите кнопку Install Package.

Если и это не помогает, используем терминал

Запустите Qt Designer и создайте простой интерфейс методом перетаскивания виджетов и их настройки (документация по PyQt: https://python-scripts.com/pyqt5, ссылки на уроки по работе в Qt Designer: https://tproger.ru/translations/python-gui-pyqthttps://itproger.com/course/python-pyqt5). 

Тип формы выберите Main Window. На форме окна разместите кнопку Push Button и метку Label. Для упорядочивания виджетов на форме принято использовать макеты (Lay out). Чтобы задать вертикальное размещение для кнопки и метки нужно щелкнуть правой кнопкой мыши по объекту Main Window в инспекторе объектов и выбрать нужное размещение.

Для метки задайте свойство Font - Point Size - 25/

Настройте выравнивание текста по центру, используя свойство alignment - Horisontal - AlignHCenter

Удалите содержимое свойства Text. Выполните подобные настройки для кнопки так, чтобы на ней была надпись "Нажми!", написанная шрифтом в 14 пунктов.

Сохраните созданный дизайн внутрь проекта в Pycharm с именем "designer.ui".

Далее возможны два пути использования созданного дизайна: конвертировать файл дизайна в python-файл или использовать непосредственно ui-файл.

1. Для использовании первого метода перейдите внутри проекта Pycharm в терминал 

и введите команду:

$ pyuic5 design.ui -o design.py

где design.ui - имя файла, созданного в Qt Designer, а design.py -  имя python-файла, который в дальнейшем подключается к проекту как модуль.

Теперь можно написать простейший код, который по нажатию на кнопку будет выводить в метку фразу "Привет, мир!".

2. Второй вариант - не конвертировать дизайн в python-файл, а подключить его непосредственно.

Тогда код запускающего файла может быть примерно таким.

Задание для самостоятельной работы. Попробуйте реализовать, используя понравившийся вариант работы со связкой Pycharm-Qt Designer, простейшую игру-кликер: по щелчку на кнопку, пользователь зарабатывает очки. Кнопка же после каждого щелчка по ней меняет свою позицию.

 Если уверены в своих силах, можно сделать что-то более интересное.

Свой проект запакуйте в архив и прикрепите здесь. Если файл слишком большой, разместите в облаке, а ссылку для скачивания введите в текстовое поле для ответа.


Last modified: Wednesday, 15 January 2025, 2:05 PM