Красивый графический интерфейс на Python | Все Фишки DearPyGui

⭐ Курс ООП и Приват канал: www.zproger-school.com/?...
⭐ Телеграм канал: t.me/codeblog8
⭐ Присоединяйся к бесплатному 3-х дневному интенсиву, напиши 9 нейронных сетей без навыков программирования и получи знания о профессии будущего. Не забудь забрать бонус - 3 бесплатных урока по Python:
neural-university.ru/lp_zprog...
В данном видео рассмотрим принцип создания современных графических приложений, используя DearPyGui. Библиотека предоставляет более 70 готовых виджетов, которые можно комбинировать между собой, создавая сотни различных комбинаций.
В неё уже интегрированы С++ библиотеки, которые позволяют рисовать современные графики и работать с редактором узлов. Она также предоставляет удобные инструменты для отладки, что позволит вам тестировать свою программу прямо во время выполнения.
📁 Github: github.com/Zproger
📁 Все плейлисты с уроками: bit.ly/39GaY89
📁 Связаться со мной: [e-mail]
📁 Поддержать канал: github.com/Zproger/donate
Тайм-коды:
0:00 - Что будет в видео?
0:25 - Преимущества библиотеки dearpygui
2:45 - Есть ли поддержка GPU? Как работает отрисовка?
3:06 - Сколько примеров мы рассмотрим?
3:40 - Как установить dearpygui и создать базовое окно?
4:12 - Реклама
5:06 - Демонстрация первого примера
5:44 - Демонстрация всех виджетов dearpygui
9:02 - Как создать окно без рамок в dearpygui?
9:25 - Как работают теги и ID в объектах dearpygui?
9:58 - Как делать отладку в dearpygui? Используем реестр элементов
11:07 - Как привязать callback к кнопке в dearpygui?
11:50 - Как отслеживать изменения в приложении?
12:36 - Как установить значение по умолчанию?
13:02 - Как определить тип нажатой кнопки на мышке?
13:30 - Обзор инструментов для отладки (Метрика, документация и т.д)
14:30 - Как создать несколько окон в dearpygui?
15:06 - Что дает привязка виджетов к одинаковым тегам?
15:50 - Как создать меню в dearpygui?
16:05 - Как выбрать файл или директорию из интерфейса в dearpygui?
17:41 - Как сохранить состояние программы в dearpygui?
18:14 - Как добавить функционал к меню программы?
18:32 - Как пользоваться узлами (imnodes) в dearpygui?
18:50 - Как работать с диалоговыми окнами в dearpygui?
19:15 - Как создавать таблицы в dearpygui?
19:33 - Как добавить подсказки в dearpygui?

[@cherdak_turista]

Добрый день! Спасибо за труд! Будет здорово увидеть продолжение по DearPyGui - в формате туториала по созданию законченного небольшого приложения с графиками или нодами. Кто - за, поддержите лайком)

[@zproger]

Спасибо за идею, возможно сделаю

[@vasisafronov]

@@zproger За видео спасибо, но с этой библиотекой куча проблем, начиная от скейлинга интерфейса на дисплеях с высоким разрешением, заканчивая никакими стилями компонентов. В 2023 году такие компоненты показывать заказчику стыдно, особенно если вдруг у заказчика 4к дисплей. Из плюсов только финкциональность и отрисовка на видеокарте.

[@user--figuser]

​@@vasisafronov а какие либы тогда использовать лучше в 23м? Желательно, что бы и в последующих годах оставались актуальными)

[@vasisafronov]

@@user--figuser ну вот я сейчас пишу небольшую графическую обертку для tt, это консольный инструмент взаимодействия с Tarantool (платформа in-memory вычислений и хранения данных), рассмотрел несколько фреймворков и остановился все же на CustomTkinter. На таких простых задачах (каких абсолютное большинство) нет никакой разницы отрисовывается ли у тебя интерфейс на графическом ядре или нет, но CTK куда проще и в разы красивее. А если тебе нужно писать какие-то серьёзные десктопные приложения, то здесь вообще пайтон не к месту, возьми к примеру Tauri и будет тебе счастье.

[@densaface]

@@vasisafronov я столкнулся с проблемой, что pyQt конфликтует с распознанием речи с микрофона (модуль speech_recognition) и с манипуляциями, производимыми в Selenium браузере (selenium webdriver), распознание производится в 2 потока, один непрерывно записывает речь и отправляет кусочки записей в Queue, а другой поток проверяет очередь этих записей и если в ней что-то есть, отправляет на распознание в гугл. Все это вынесено в отдельные потоки от интерфейса программы и интерфейс восприимчив к нажатиям и манипуляциям, все прекрасно работает, если сразу после произнесения речи не делать манипуляций в браузере. Т.е. если произнес команду, подождал 2 секунды и начал тыкать в браузере, то полет нормальный, если сразу начал что-то вставлять, то происходит зависание навсегда интерфейса pyQt и селениум драйвера до перезапуска программы. Теперь вот думаю попробовать перейти на DearPyGui. Красота меня не сильно интересует. Переход на CustomTkinter вряд ли что-то даст, он ведь на базе pyQt? Извините, что гружу своими заморочками, но видимо проблема слишком специфическая, чтобы найти ее решение где-нибудь в нете.

[@vdv6nick317]

Очень интересный инструмент! Хотелось бы конечно отдельно про асинхронность и многопоточность в отрисовки. Ну и конечно же эти изумительные анимированные графики очень понравились

[@zproger]

Посмотрим по активности, возможно сделаю отдельные видео на эту тему

[@figaro2440]

@@zproger больше активности, больше)

[@foolarchetype]

Спасибо! впервые встречаю такой инструмент, так и чешутся руки разобраться.

[@user-bn6iu8uk1k]

Очень приятный визуал у вима, хотелось бы отдельный гайд по настройке до такого уровня :)

[@figaro2440]

да плюсуем за нвим)

[@zproger]

Сделаю, только хочу закончить его, там не хватает многих плагинов

[@quickesful]

Божественно! Спасибо за великолепный обзор

[@HellakatsPlayhouse]

Срочно нужен курс по этому инструменту!)) Насчет кастомизации окон: а можно ли фон менять у окон, или создавать темы (просто во всех примерах тема окон одинаковая)? И можно ли в нем создать экранный виджет, на манер панели, как у вас на рабочем столе вверху? Чтобы она на постоянке висела на рабочем столе, выводила уведомления запущенного приложения, и позволяла его разворачивать в определенном состоянии, в зависимости от выбранной икони на панели

[@SorokinAU]

Большое спасибо за труд! Было очень интересно!)

[@user-vw1lo4ln1n]

Однозначно снимать продолжение! Спасибо за работу.

[@zproger]

Благодарю

[@kuzmult]

жду видео по настройке такого красивого vim)

[@zproger]

Хорошо, сделаю

[@illuminat6240]

Спасибо тебе мил человек!) ОООООчень хотелось бы увидеть и вторую и третью и все части по работе с этой библиотекой) Прям заворожил !

[@TarasZakharchenko]

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

[@illuminat6240]

@@TarasZakharchenko ты мыслишь как программист) А я не программист) я везде по чуть чуть

[@nekonatapersono8754]

Можно пожалуйста подробный гайд по этой библиотеке? 😃 Может быть банальный пример калькулятор, было бы полезно узнать как связать кнопки с текстовыми полями и чтобы результат заносился в текстовую надпись результата

[@geowatermap]

Привет! Спасибо! Тема - огонь! Требуем продолжение! :)

[@zproger]

Спасибо, учту

[@andrewzimnitskiy6261]

Спасибо за видео, подскажите, пожалуйста, какой DE используешь?

[@figaro2440]

Подписался, похоже я нашел для себя как интересный канал так и хорошую библиотеку. Пожалуйста, продолжайте в том же духе!

[@zproger]

Благодарю

[@buddhasinger]

Спасибо! Да, очень интересно про эту библиотеку.

[@_vpru]

Отдельный лайк, респект и почтение за тщательный монтаж ролика - за вырезание пауз в частности.

[@berdkivi9023]

О, спасибо большое за такой инструментарий!

[@maxbro6673]

Нужно больше видео по gui библиотекам!

[@tihon4979]

Шикардос!!! Годное видел. Давай ещё )

[@stylelifeweb.wyndace]

Приветствую! Библиотека - огонь, спасибо за рассказ про подобные штуки, ждём продолжения! p.s. А какой у тебя конфиг Neovim/vim? Самопис или что-то готовое?)

[@user-wy9tq1rp7f]

Однозначно нужно продолжение=))))

[@zproger]

Спасибо, учту :)

[@user-ow5bn5kw4e]

Вау. Отличная находка, великоплепно объясняешь! Ещё не проверял, но если продолжения нет, то го продолжение!!!! Уверен, что многим будет интересно.

[@HiroPuko]

Топ видео! Очень крутой обзор графических интерфейсов для Python

[@DimulyaPlay]

Это прекрасно😍

[@zproger]

Согласен :)

[@mak32]

Можно как то потом это все в файл apk ктнвертнуть или все таки кроме kivy для мобилок на python ничего нет? Кстати, как вариант, может запишешь видео об андроид студио на котлине

[@compuser7]

Настолько зачетных интерфейсов я еще не видел! Снимай вторую часть)

[@digitaltrinity]

да, библиотека классная, сам начал ею пользоваться недели три назад. Правда напал на одну проблему: если делать отрисовку через drawlist, то нет метода очистки канваса, пока просто вывожу квадрат заполненный фоновым цветом, но вообще странно - должен же быть вариант очистки окна, иначе как они анимацию делают?

[@invilso4051]

В луа использовал Dear ImGui, для меня непривычно что код не выполняется в явном бесконечном цикле. А вот то что можно задать колбек кнопке, и подобным элементам это очень удобно, потому что на луа кнопка возвращала true при нажатии и надо было городить if else.

[@larila2005]

В какой программе ты пишешь код? И будет ли видео о настройке интерфейса arch как у тебя?

[@user-gz2xn2bt9q]

Автор, здравствуйте, крайне интересен ваш опыт работы с квантовыми компьютерами и использование питона для написания программ c использованием технологии Qiskit. Стоит ли ждать видео на данную тему?

[@TarasZakharchenko]

Крутая идея для видео. Нехватает такого

[@titanovsky]

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

[@mxustin]

Это видео тоже очень интересно! А это не получится в веб транслировать (как Flet), да?... только десктопные приложения на нем можно делать?

[@mr.alexhackchannel7368]

Так это получается просто обертка над IMGUI, который рисуется кстати в D3D или OpenGL что будет задействовать видеокарту.

[@abarakedavra7405]

Спасибо за видео! Какой IDE пользуешься (или что это за редактор)?

[@zproger]

Пользуюсь разными, на видео nvim

[@KynomiFn]

Уже был опыт использования этой библиотеки, я остался доволен ей, советую попробовать.

[@zproger]

Это хорошо

[@AlexandrSpirit]

Большое спасибо за обзор Не смог найти примера реализай дроп-даун-лист с поиском. Когда есть выпадающий лист, верхняя строка. По первым буквам идёт фильтрация списка. Например, набрал "ав" в списке выбора остались только ["автомобиль", "автокран", "автономный"] Как такое реализовать?

[@seitbekir]

Это крутая штука если тебе нужноделать какое-то техническое приложение. Когда делаю "обычное", у меня цель всегда в том, чтобы максимально нативно смотрелось в окружении. А если вдруг мне нужно будет сделать что-то, вроде IDE, обработки графики или даже каких-то анализаторов, то да, цены этому GUI нет. Со всеми его фишками. Интересно, можно ли на нём реализовать MVVM.

[@cr0uns]

Интересная библиотека!

[@zproger]

Да, есть такое :)

[@dgood3791]

Покажи пожалуйста как реализовать асинхронность в этой библиотеке. Сколько искал, не нашел нигде толкового объяснения.

[@user-ei1by3ye6o]

Оно чисто десктопные приложения создаёт? Так же быстро, но интерфейс веб-приложения, можно создать?

[@Mr_AnKei]

Автор как всегда на высоте.

[@zproger]

Благодарю!

[@user-hi4dj9bx8n]

А подходит ли данная библиотека для кроссплатформенной разработки?

[@a1ex3d]

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

[@XSelent-qj6qz]

Огонь! Когда ждать видео по настройке системы как у тебя?

[@zproger]

Точно не скажу, так как еще работаю над улучшениями

[@XSelent-qj6qz]

@@zproger Правильно, тогда конечно лучше довести все до ума, а потооом кааак выпустить видео, вот это будет пушка!)) Вообщем жду!)

[@user-jp1sx1bu8v]

Хорошая библиотека !

[@notflask]

А можно узнать как Вы так настроили свой линукс? Хотелось бы так же)

[@ilyascode]

Расскажите пожалуйста какую тему nvim используете и какой Linux дистрибутив?

[@sorrowhyn]

меня пни, как ответят)

[@RedFoxChannelRU]

Что за de\wm используешь?

[@ersafap]

Спасибо, дорогой товарищ. Настоящая находка для таких тугих как я.

[@zproger]

You are welcome ;)

[@edwardhaussauer125]

Лайк чисто за конфиг Arch. Эстетично и минималистично - пришлось челюсть краном поднимать

[@zproger]

Благодарю

[@user-it3in1by6j]

В коммерческих целях ее можно бесплатно использовать?

[@xjpfxei]

Можно ли свое творение на деарпай скомпилить под мак и под Винду?

[@tinker6755]

Неожиданно, imgui меню, да еще и на python

[@zproger]

Да, есть такое)

[@mykolakorotynskyi2941]

Привет. А что за десктоп енвайремент такой красивьій ?

[@nakamasama]

Мне, который активно использует Qt и PyQt, нет смысла смотреть другие графические фреймворки. Это нужно будет только тогда, когда я буду уходить с Питона или С++ на другой язык, но я уверен, что там не будет конкретно этих фреймворков, которые есть на Питоне и С++. Ещё хочу отметить про стиль интерфейса. Да, в Qt по стандарту он устаревший, но только потому, что он использует для отображения графики системные библиотеки. И для винды используется та библиотека, которую использует винда для своих системных программ ещё с Windows95. А значит и программа, написанная на Qt будет выглядеть так же, как и ВСЕ системные Виндовые программы. Но Qt очень мощный инструмент и он предоставляет QSS. Это то же самое, что и CSS, только используется в Qt. А следовательно можно создать вообще любой дизайн, хоть как на современном сайте! Но в обычном Qt из-за С++ придётся этот интерфейс каждый раз писать с нуля и в интернете готовых шаблонов не найти, а если найдёте - они будут плохого качества. А в Python, можно найти библиотеку для либо-чего. Недавно я задался этим вопросом и нашёл 2 крутые библиотеки. Одна делай супер-пупер красивый дизайн, похожий на МАКовский, а для этого достаточно ввести pip instal и прописать в коде ОДНУ строчку. Есть другая библиотека. Для неё достаточно скачать любой стиль подсветки кода для VS Code в формате json и после pip instal в две строчки скормить этот файлик и тоже подтянется красивая тема. В PyQt это занимает 5 секунд и 1-2 строчки кода, что я считаю не критичным. И всё-таки в этой библиотеке мне дизайн меньше нравится чем в той, которую я скачал для PyQt. Единственное, чего нет в Qt - графиков. За то в Qt есть подмодули для работы с периферией, COM-портами и даже есть свой аналог socket, которые работают лучше, чем Питоновские библиотеки. Я уверен, что ни один графический фреймворк не предоставляет такого функционала.

[@extremum7]

А можно подробнее про "2 крутые библиотеки"?

[@KiR1LLingus]

​@@extremum7видимо нельзя😂

[@user-mt3ul1ko7o]

Ждём видео)

[@seesonrise]

Боже спасибо тебе за такую либу. Как раз искал что-то с узлами :)

[@zproger]

Пожалуйста ;D

[@user-xg3oj2lv2r]

Спасибо за видео. Как корректно отображать кириллицу в строках и таблицах я нашёл, то при вводе в строку на готовом GUI с клавиатуры кириллица отображается некорректно. Если поможете буду благодарен.

[@mikochergin3698]

Смотри ветку обсуждения на официальной странице репозитория. Вбей в поисковик: [Win10] Unpredictable cyrillic rendering in input fields 1674.

[@game-maker258]

А какой у вас дистрибутив линукса, выглядит красиво )

[@zproger]

Arch Linux BSPWM

[@normalpoint]

@@zproger Можно как то гайд выцыганить? Юзаю арчину на гноме, чутка надоело. А это вот прям очень качественно

[@zproger]

Скоро будет видео о сборке, только допилю её немного

[@figaro2440]

@@zproger Все самое интересное для меня и скоро, весь в ожидании)

[@ilian853]

Напечатать таблицу умножения на число n (значение n вводится с клавиатуры; 1

[@user-tx3mt1zi2d]

Что за "Среда разработки" Не подскажите.Похож на sublime text,красиво выглядит...

[@TERMINATORM3XORG]

Бро ! с PyPi не ставиться !!! как его установить?(ERROR: No matching distribution found for dearpygui)

[@ilya_arch4792]

Подскажите пожалуйста, как называется софт для кастомизации панели задач, уж очень сочно выглядит!!!

[@denatle]

Линукс + оконный менеджер

[@denatle]

bspwm и arch linux если точнее

[@balamah9273]

eww

[@Hardy_21]

Знаю и Кинтер и Пайсимплгуи, не важно на какой библиотеке пишу гуи, все равно после перезапуска вижу что приложение автоматически удалено. Или если пробую скачать экзешку своей программы Гугл Хром детектит как вирус и останавливает скачивание. Относительно недавно стал изучать программирование, буду благодарен помощи. Приложения были разные от самого обычного туду апп до парсера стим, до мп3 плеера и оповещалки у какой игры скидка больше 95 процентов. Почему Виндовс Дефендер и Гугл Хром распознают мое гуи приложения как вирусы.

[@palexxvlad]

Кириллица этой библиотекой не поддерживается? Что нужно сделать для отображения русских букв в названиях и аттрибутах виджетов?

[@mikochergin3698]

См. ветку обсуждения на офф. странице репозитория: [Win10] Unpredictable cyrillic rendering in input fields #1674 (поищи через гугл - не получается прикрепить ссылку).

[@palexxvlad]

@@mikochergin3698 Спасибо! Код немного усложняется, конечно, но зато русские буквы рисуются как надо

[@xintreavideo]

Я так понял, поля ввода WYSYWIG текста нет и не предвидится?

[@ithelper-it591]

Ещё идея. Сделай видео не про GUI библиотеки, а про TUI библиотеки. Т.е. библиотеки для создания текстового, конслосьного интерфейса. Примеры применения такого интерфейса: установщик Ubuntu Server., установщики старых, древнейших версий Windows., конфигуратор Raspberry PI(raspi-config) и т.д и т.п.

[@zproger]

На канале есть видео о rich, но было бы неплохо еще несколько библиотек рассмотреть, спасибо.

[@ithelper-it591]

@@zproger Ок, тоже жду...

[@ithelper-it591]

@@zproger Я уже 2 идеи дал.........

[@mishuha]

Если хочется лаконичности то не подходит. Один файловый селектор чего стоит. Ну и вообще создается окно внутри которого все работает, которое по факту и закрыть то нельзя по событию.

[@pdxnz]

Привет, какая у тебя ОС и диструбутив стоит?

[@kirill_monster]

Arch Linux BSPWM

[@user-bv4vq4il7d]

Ответь пожалуйста, что-за оболочка linux у тебя ?

[@d00mka]

У него Arch с BSPWM

[@MrNovenkij]

2к монитор. В винде стоит настройка 125% увеличение интерфейсов (иначе все очень мелкое, глаза устают). При этом, в библиотеке шрифты становятся очень мыльными. Как родной, так и загружаемые, поддерживающие изменение размеров. Если увеличение в настройках винды отключить, то все шрифты в библиотеке становятся четкими. Можно как-то ее научить игнорировать виндовую настройку?

[@evo.redact]

Что за ОС? И что за приложение KVISUAL

[@yehorishtvan3802]

Wow, I was just thinking of looking for something for a cute design

[@zproger]

Thanks, glad you liked it

[@pbashkatov]

О, годнота!

[@zproger]

Благодарю!

[@dxrkfuture]

Я вспомнил когда устанавливал Линукс и там был такой интерфейс, просто помню что установщик системы был на питоне, ну а ещё я осуждаю что в читах для игр используется тоже эта библиотека

[@Igoltend]

Это всё круто кшн а закомпилить это всё как то можно? знаю знаю.. пайтон не компилят, но какой то pyinstaller или nuitka это может сделать? или другой есть способ?

[@mikochergin3698]

pyinstaller обычно для этого и используют.

[@sob3856]

Что за линукс он использует?

[@kokon_01]

Смотрю видео и вижу базовый функционал VCL (+ несколько бонусов) С++ или Delphi, прикрученный к Python)

[@juliap.5375]

Привет Turbo Vision ты хотел сказать? 😂

[@darik_val1681]

Круууттооооо

[@figaro2440]

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

[@KvantGD]

Ты перешёл на тайлинг!

[@zproger]

Да, скоро будет еще пару сюрпризов)

[@AleksandrMaltsev-jm8ph]

​@@zproger есть тема которую никто не освещал. Разработка Django, Flask, sqlalchemy, Django templates, jinja на vim neovim , с корректной работой pyright ( или другого стат типизатора) . Корректным автокомплитом и тайпхинтингом.

[@FXUNDPLXGG-hp1iz]

В последнее время часто вижу что люди переходят на тайлинг, думаю и себе на Arch'е ебануть

[@mrminyukho]

​@@zproger первый раз вижу видос с рисовым арчем, не на тему рисинга арча

[@zproger]

:D

[@ViktorTolmachev]

Давно искал подобную библиотеку (ImgUi) для C++, а находились привычные QT, WX, GTK.

[@k4m454k]

Ты говорил, что асинхронку поддерживает. Но я не увидел этого в документации и в примерах.

[@GlorianWolf]

На первый взгляд достойный инструмент для питонячего гуй.

[@prolinezero2953]

А на каких ОС кроме винды не работает?

[@alcor9921]

Что за терминал? Что за сборка вима?

[@TheKinoGo]

Какой Linux установлен у Вас?

[@zproger]

Arch Linux BSPWM

[@TheKinoGo]

@@zproger Благодарю!

[@Net-olekma]

Продолжение :)

[@Valera197615]

Thank you for the video! To whoever is reading this comment, I sincerely wish you good health and good luck.

[@ithelper-it591]

Сделай следующее видео про библеотеку Gtk. (работает только на Linux) И как с помощью Gtk делать интерфейс как в программах из рабочего стола Gnome Shell.

[@zproger]

Спасибо за идею, возможно что-то придумаю

[@ithelper-it591]

@@zproger Жду...

[@londerru]

Да харош

[@ithelper-it591]

1000 лайков есть! Ты нас не переиграешь и не уничтожишь!

[@zproger]

Побежал готовить материал :D

[@ithelper-it591]

@@zproger Сделай следующее видео про библеотеку Gtk. (работает только на Linux) И как с помощью Gtk делать интерфейс как в программах из рабочего стола Gnome Shell.

[@MrMcgrey]

Блин, вот в такие моменты я жалею что нет возможности поставить тысячу лайков!!!! Спасибо ОГРОМНОЕ!! Кинул Лукас и подписку!!

[@neizvestniy5837]

какой у тебя линукс?

[@user-xh5kn7jm3g]

Скажи как називаєтся оболочка для кали или ето другая опиройионка на базе кали

[@zproger]

Это вообще не кали. Это Arch + кастом BSPWM

[@user-qo2he2yq5j]

что у тебя за рабочее окружение на арче?

[@zproger]

bspwm

[@nokor2212]

Продолжение!!!

[@user-um2tz8oe9p]

А нет этой же библиотеки для Java? Она у меня основная, просто Питон медленный собака)

[@sashas703]

а такую же красивую игру как Колда на этой проге можно сделать ?