Красивый графический интерфейс на Python | Все фишки Flet
![ZProger [ IT ]](http://yt3.ggpht.com/ytc/AIdro_nEayoD4jBvKkG7VFnuTm_Rnd64g6RPSHL9K53LulYXDQ=s48-c-k-c0x00ffffff-no-rj)
HTML-код
- Опубликовано: 12 июн 2024
- ⭐ Курс ООП и Приват канал: www.zproger-school.com/?...
⭐ Протестируйте Managed Kubernetes бесплатно в Selectel: slc.tl/nh9lt (Kra23qUwB)
⭐ Телеграм канал: t.me/+bsCVOMr7K-plMjUx
⭐ Исходный код: t.me/codeblog8/218
В данном видео рассмотрим примеры на фреймворке Flet, который позволяет создавать красивые и современные графические приложения. Фреймворк основан на Flutter и работает из под интерфейса Python, что позволяет использовать многие готовые виджеты и инструменты.
Flet поддерживает асинхронность, защиту данных, локальное хранилище ключей и сеансов. Более того, есть возможность работать с аутентификацией, анимациями и темами. Все остальные возможности будут рассмотрены в течении всего видео.
📁 Github: github.com/Zproger
📁 Все плейлисты с уроками: bit.ly/39GaY89
📁 Связаться со мной: zproger777@gmail.com
📁 Поддержать канал: github.com/Zproger/donate
Тайм-коды:
0:00 - Какой интерфейс мы рассмотрим?
0:35 - На что способен Flet?
1:54 - Как установить и сделать вывод в веб?
2:57 - Что будет, если создать пустое окно в вебе?
3:24 - Статическая и динамическая генерация текста
4:16 - Реклама Selectel
5:28 - Реализация TODO list в 13 строчек кода
6:06 - Как запросить ввод пользователя и вывести на экран?
6:43 - Как отслеживать состояние галочек (checkbox)?
7:43 - Как работают выпадающие списки в Flet?
7:52 - Как отслеживать нажатия клавиш в Flet?
8:13 - Как поменять тему внутри приложения Flet?
8:52 - Какие фишки и возможности предоставляет Flet?
10:45 - Какой интерфейс можно создать на Flet?
Если вы знаете другие библиотеки, которые я еще не показывал на канале, то можете указать их в комментариях ;)
kivy, тоже интерфейс нормальный можно сделать.
Спасибо за видео! Было бы интересно рассмотреть связку Flet+Django =)
@@Inker поддерживаю
@@Inkerа чего на неё смотреть? (и главное зачем)
я ранее пытался работать с этой библеотекой, но скрипты не запускались ни из-под venv ни из глобального окружения и там и там выдаёт ошибку, что не найден какой-то .dll файл(( может ли это быть связанно с тем что 7 винда больше не поддерживается?
Вот! 🎉 наконец-то. То, что я так давно искал. Спасибо🙏💕
👍
@@zprogerпривет
@@zprogerможешь сделать скрипт для shadow fight 4? Мне нужен бот чтобы фармить ресурсы.
Круто! Спасибо! Это точно нужно! Жду еще видео про этот фреймворк
Спасибо за видео! До этого я особо не пользовался питоном, но теперь появилось пару идей с этим фреймфорком.
Офигенный фреймворк. Сделал приложуху для квик тестов буквально за вечер. На экране вопрос и два варианта ответа, рандомно растасованых каждый раз, один из которых рандомно выбран из набора неверных. Простенько, но думаю для пробы пойдёт. По ощущениям это удобнее, чем C# на WPF или WindowsForms, или PyQt. Не говорю, что они плохие или хуже, речь только про лёгкость использования и то, что на них я бы упоролся делать программу-пустышку...
Спасибо за видео!
Это в 100 раз проще и эффективнее, чем PyQt
@@user-qc5ix6no6dЭто в 10000 раз проще и эффективнее, чем на ассемблере
Этот канал находка для программиста, удачи автору🔥🔥🔥
Благодарю!
привет! подскажи пж, в проекте же будут находится все файлы этого фреймворка, правильно? сколько весит этот фреймворк? просто допустим я сделал приложение на пару мегабайт, а этот фреймворк весит 500, получается максимально простенькое приложение будет весить как несколько телеграммов. или я чего-то не понимаю?
Один из лучших каналов по пайтону, столько нового узнаю из твоих видео
Как раз искал интересный фреймворк для интерфейса своего проекта, буду изучать
Огите пожалуйста, какую выбрать из курсов для будущей востребованной профессии ?
Классная вещь! Спасибо за ролик.
Рад что понравилось
@@zproger Не работает бл.
Traceback (most recent call last):
File "C:\Users\Professional\Desktop\Новая папка (2)\Новый текстовый документ (2).py", line 1, in
import flet as ft
ModuleNotFoundError: No module named 'flet'
А ты его устанавливал через терминал? Вот команда: pip install flet
@@markusnotfound3007бл. не работает. Надо бл.py
Подскажите, пожалуйста, как правильно запушить приложение в статик вебсайт, в приложении всё работает, а после пуша на веб,только та часть, которая была сделана на flet
Блин , это просто топ.
Пару дней ковыряю reactpy и shiny.
Но флет на их фоне выглядит намного круче.
Ахрененный видос, спасибо за контент 🤯😳
Спасибо, рад что понравилось =)
Здравствуйте, спасибо большое за разбор. При работе с этим фреймворком у меня возникла проблема. При запуске десктопной версии приложения окно открывается и тут же закрывается, а в браузере всё работает хорошо. Подскажите, пожалуйста, с чем это связано и можно ли это исправить?
Мой внутренний эстет апплодирует!
Благодарю
Могу от себя сказать - один из лучших фреймворков. Немного велосипедов приходится писать, скорость загрузки бывает долгой, зато скорость интерфейса и прочего шикарны + из существующих компонентов можно сделать практически любые свои компоненты. Единственное ещё что некоторых важных компонентов пока нет, но это специфично (взаимодействие с камерой + видео). Мобильные приложения пока только через flutter и web-отображение (насколько я понял, но пока сам не пробовал, заказ был на десктоп).
Привет
Можно ваш телеграм ?
Переговорить по поводу flet, если не затруднит ?
Готов за вознаграждение.
Приветствую! Заинтересовало Ваше графическое оформление системы, что это за оболочка? На канале есть гайд/обзор?
Гайда пока что нет, ибо много работы предстоит сделать, чтобы вывести оболочку в свет, но такое видео будет 100%
Жду с нетерпением)
Молодчага!!! Продолжай в том же духе!!!
Благодарю!
@zproger не, подскажете пожалуйста какое графическое окружение и тему вы использовали для оформления arch? И как у вас получилось vim так красиво настроить?
Готовлю видео на эту тему, но сначала нужно допилить оболочку
@@zproger спасибо, буду ждать
@@zproger я свою манжарку закастомил по полной, но хочу украсть бар верхний. Polybar уже поднадоел. Я так понима у мсье стоит тое i3 как и у меня. Можно узнать какой bar?
Удивительно! какой класный Flet!
Это да
Спасибо огромное за видео. Как раз думал как делать сайт из языков знаю только питон и так чисто чтение других
ооо, спасибо. возьму на заметку
Some of the Flet examples look awfully familiar 😀 Great video though!
Yes, you have the best examples I've seen 😉
Можно ли использовать flet с Django?
Можно ли использовать этот модуль не для создания сайтов, а для Windows приложений? Так же Вы не показали выравнивание, каким образом делается выравнивание либо задание в какую область поместить нужный мне компонент?
очень интересно , когда на превью gui написанное на C# используя wpf
Поставил тебе лайк с ещё одного аккаунта. Спасибо за это видео. Супер
Благодарю!
подскажите пожалуйста, это какой то готовый дистрибутив линукс, или вы сами настраивали его внешний вид?
Это один из тайлинговых менеджеров, штука красивая но надо привыкать
Спасибо, подписался!
Выглядит современно
;)
Респект автору, рассматривает всякие интересные технологии и не страдает хернёй как Хауди Ко-ко)
Благодарю
Возможно ли, например, ui написать на Payton, а логику кнопок, меню и т.д. на с++?
У меня мега питон не понимает flet я хз чё делать помогите пожалуйста
Спасибо. Хорошая библиотека
Спасибо за видео, приведите пожалуйста примеры сложных вебсайтов которые были созданны используя технологию Flet
по-моему, нам впаривают какую-то дичь
@@titiqaqaпоподробнее пожалуйста
о прикольно закончатся дедлайны попробую фреймворк, как раз для бекендеров которые не любят фронтенд)
Симпатично выглядит. Только не понял, как с его помощью делать многостраничные десктопные приложения. Сделал страницу авторизации и всё
Which Linux distro you use? And which customizations you've done?
привет у тебе какая версия оператсинный система?
Спасибо, я как раз хочу научиться и сделать графический интерфейс для своей программы❤
Не получается
что спасибо, видос бесполезный.
Ура, дождался . Теперь про игры:)
А что я обещал сделать с играми? Или вы про игру с грибком?))
Как запускать её в окне винды или только через браузер?
Сделай плиз отдельное видео по Vim на котором код пишешь)
Сколько места занимает бинарник, например, с простейшим TODO листом?
Много ресурсов есть но это один из продвинутых фреймворков
Не передать словами как я тебе благодарен за разбор этого фреймворка!
Оформил подписку и вкинул лайк!
Осмотрел документацию фремворка - это идеально. Фронтэнд с питоновским бэком без всяких PHP и прочего барахла, с привычным синтаксисом.
Было бы круто, если бы ты разобрал его модуль OAuth, такой продукт и контент по нему должны выходить в массы, а не условные PyQT и TKinter'ы.
Еще раз спасибо что познакомил меня с таким мощным инструментом!
учите лучше джангу. там таких извращений нет.
чем PyQt не угодил
Никто не пишет интерфейсы на питоне в прод
@@nerlihmax4555 а на чём пишут?
@@CedarDemon JS к примеру Vue. Вообще зачем скрещать фронт и бэк не понятно.
Флет может связываться с фласк/джанго/фаст апи? Т.е можно сделать веб приложения используя флет инструменты, а всё остальное лежит на плечах веб фраемворка?
можно REST, но зачем? бессмысленный фрейморк. просто поиграться пока учишься и хочеш "красивый" интерфейс своему калькулятору, никогда в проектах такая дичь не используется
Очень много кода... Вот скажите, а есть конструкторы типа как у 1с, где можно без написания кода можно за 5 минут набросать форму со всеми элементами, заготовить обрабочики событий?
arch linux + i3-gaps. Красиво сделал
А что за операционная система? Скажите пожалуйста :)
Столкнулся с непонятным поведением AlertDialog, с включенной настройкой по умолчанию open=True, диалог автоматически закрывается. На станице даже не отображается, и только в консоли можно отследить что диалог отработал.
А каким образом там настраивается позиционирование элементов друг относительно друга (то, за что отвечает CSS)?
Аналогично css flexbox
С помощью тегов в Flet, как и в Flutter. Как понимаю там идентично используется лишь один тег HTML > canvas для отрисовки интерфейса.
Недавно начал учить питон. Это же можно будет связать потом с Flask? Если да то есть ссылки на документацию?
Смотря как ты хочешь связать
Можно вопрос? Возможно уже задавали подобный, не увидел, какой фреймворк на питоне используете для веба? Может будет смысл веб на питоне писать, а не на жс и т.п.
Обычно django
@@ViamF Это же и есть жс
А смысл веба на питоне, когда есть пыха?
А что за редактор кода ?
Очень бы хотелось посмотреть на твою полную настройку и кастомизацию archlinux, которым ты пользуешься в данный момент 🍆
Лайк за арч и вим 😊
Расскажи по подробнее, очень хотелось бы посмотреть на реальных проектах этот фреймворк, не читая документацию не вникая в логику фреймворка
Этот питон фреймворк это тупо обертка над нормальным фреймворком flutter
Он много где используется и работает на нормальном языке
Вот про него гугли и используй его
Заметил, что если указать конкретный порт, то при запуске библиотеки на сервере он не дает открыть больше 1 одинаковой страницы в браузере срабатывает исключение expand, если не ошибаюсь. В общем если кто-то пробовал на данной библиотеке развернуть веб-сервис и удалось избавиться от ошибки в случае если обращаться к конкретной ссылке с портом к веб приложению дважды, то буду благодарен за пояснение где допустил ошибку или как это избежать
очень интересное видео!!!!!!
Как настроить арч так, чтобы панель задач сверху выглядела также?
Это Polybar
Спасибо! У меня друг адово херачит на флаттере, но я всё никак не хотел его трогать, а вот через фреймворк питухонский я бы попробовал)
Спасибо за видео.
Пожалуйста ;)
Сделай видео про то, как настроить Arch Linux как у тебя. Пжпжпж.
В процессе, там много сложностей перед релизом
Ждём конфиг для nvim'а день 2 🙃
:D
Можешь готовые найти в гугле/гитхабе
Поставь себе Astro nvim или Lazy nvim и не парься
@@kemal1910так не интересно)
@@Shebanec Согласен)
Что за дистрибутив линукс? Может кто-то сказать пожалуйста!
GhatGPT может также писать код по запросу?
столько уже фреймворков для графических интерфейсов. А что из этого лучше себе брать-то?
Если нужно быстро сделать мвп - Vuetify, если для коммерческого софта - пиши сам
Спасибо за интересные видео. На канале много материала по фреймворкам для GUI на питоне, по ним можно начать пользоваться данными фрейворками. Но я столкнулся с такой проблемой как деплой под разные платформы. К примеру как проект на flet сделать приложением под Android. В рускоязычном ютубе вообще ничего не нашел. В англоязычном нашел видео где используют cordova, но как обычно бывает что-то пошло не так)))
Без костылей никак. Это же веб фреймворк. То есть по сути это не классический GUI, а фронтенд библиотека.
И лучше не использовать Python для GUI в принципе. Его максимум - простецкие приложения без каких-либо вычислений (выполнение кода из DLL это не Python если что).
В чем плюсы и минусы относительно DearPyGui?
Наскоьлко экзешник прошраммы для винды в Flet будет больше/меньше такой же программы по функционалу в DPG?
Питон же интерпретируемый, какой экзешник
@@Dmytro-Tsymbaliukв видео же показано было, что можно упаковать все в экзешние с помощью флэта или пайинсталлера
@@Dmytro-Tsymbaliuk Обычный
Флет работает на flutter а он на dart это компилируемый язык и собирается в бинарник на любые платформы
Имба ролик как обычно, хотелось бы увидеть для мобильных устройств что то похожее.
Возможно сделаю подобное
Flet идеально работает и с мобильными устройствами
@@hwachakarterпока нет, но скоро. Англичане только под телефоны сейчас и создают
@@user-ko6pq4op2i оу, вот оно как, видимо я слишком лёгкое тестил. Тогда ждём
flutter
подскажите как настроить настолько красивый ui
CSS: опа, достойный соперник, наша битва будет легкндарной
В каком приложении писал код?
Flet мещь офигенная. Жаль только для мобильных устройств еще толком не работает. Так бы был отличный простой и универсальный инструмент. Но все же, даже с тем, что сейчас, обалденная штука
да, есть такое
Англичане уже ждут этого с сотней созданных приложений, по заверениям авторов это скоро добавят и вроде планируют сделать с помощью клиент-серверов.
Привет
Можно ваш телеграм ?
Переговорить по поводу flet, если не затруднит ?
Готов за вознаграждение.
а что это за операционка?
не подскажешь какой ты ОС используешь ? на базе линукс наверное
arch
а какая тема у вас установлена для нвима?
nvchad + aquarium
Флэт делает приложение которое можно через браузер открывать? Но это не будет являться сайтом? Не получиться использовать Flet+fastAPI+Docker?
Думаю можно связать, но вряд ли он будет очень быстро работать
ZPoger, а что у тебя за операционная система?
Arch Linux
какой редактор в видео?
можете скинуть конфиг вашей верхней панельки?
Залью все сразу во время релиза оболочки, сейчас эти конфиги багованные и не будут выглядеть так, как на видео
Что за сайт на превью?
Очень стильный дизайн
Кому лучше быть Флетстайлером, а я Джанглёр))
@@ivanpetrov2435 о какой клиент части ты говоришь, если это бэкенд фреймворк... 🤡
Мир истинных реактистов - штука непростая.
Что те геи, что другие
@@warlokfergan2545ты тоже
Как правильно экспортировать коды в exe ? Когда экспортирую и отправляю куда либо, антивирусы ругаются на exe файл
Ругаются, потому что софт не подписан, так и должно быть
@@zproger Я читал информацию и понял, что так и должно быть. Спасибо, но не совсем понял, как это подписан ?
@@DDdDDO70x у вас нет сертификата
знает кто что это за сайт на превью? очень хотел бы посмотреть и повторить
Автор, стоит ждать видео о вашей конфигурации NeoVim?
Мне показалось или вы удаляете комментарии с названием? ))
Да, стоит ждать, но сроки не могу назвать
@@zproger Может дадите ссылку на ваш конфиг Nvim?
Конфиг, в студию это прекрасно
Первый коммент) Спасибо за видео!
;)
Заинтересовал
;)
вот только браузер жрёт как не в себя. Простые интерфейсы лучше на Qt (пакет Pyside)
есть код интерфейса с превью?
Друг, а если вернуться ближе к земле, покажи пожалуйста как сделать пополняемую базу данных автопробега и расхода ГСМ с привязкой к базе данных автомашин?
ГЛОНАСС трекер с датчиком ГСМ не подходят?
Подскажите пожалуйста что за тема у автора? очень красиво смотрится.
О какой теме речь?
о теме редактора кода
ух ты теперь я стану крутым разработчиком мобильных приложений на Flutter?
100%
какой дистрибутив юзаешь?
У него arch linux
Arch Linux
@@zproger пасиб
как сделать такой же красивый firefox
здравствуйте, уважаемые программисты! подскажите, пожалуйста, реально ли и на чём проще реализовать проект?
обрисую суть: юзеру необходимо составить топологию/структуру (как вам угодно) распределенной информационной системы, в которую будут входить несколько ЛВС (марши, коммутаторы, ПЭВМы и серваки), ЦОДы и удалённые пользователи этой системы.
так вот я всю голову себе поломал, как можно проще всего получить эту топологию от пользователя без танцев с бубном. была идея сделать что-то типа drag and drop, чтобы у пользователя была панель со всеми доступными устройствами, из которой он потом вытаскивал нужные на канвасе и соединял их, но как и на чём это реализовать, я не знаю и в инете ничего похожего не нашёл. если у кого-то есть подобные решения или хотя бы что-то отдалённо напоминающее его, буду очень благодарен, если вы скинете на него ссылочку.
за видео отдельное спасибо, очень полезное, информативное и без воды.
Поправьте меня, но, разве код, который демонстрируется с ~1:15 до ~1:45 не призван убить ваши данные?
Призван, но фишка в том, что люди, которые это знают, они такой код не запустят. А те, которые не знают, им не будет где запустить, ибо на винде такое не работает :D
А поддерживает ли эта ерунда работу с тредами и подпроцессами? Или будет крашиться как Qt5?
Qt5 не падает от потоков и процессов, просто надо правильно это делать
@@zproger Ещё как падает, если из потока менять что-то в элементах интерфейса. Поэтому у них есть свои QProcess и QThread, которые работают штатно
Ну потому что у них собственные классы потоков, понятное дело что нельзя это напрямую делать. У меня с их классами никогда ничего не падало, а дефолт либы конечно не будут работать из-за отсутствия согласованности между Qt ;))
что за рабочее окружение у тебя? красиво выглядит)
Пни если узнаешь
@@satisfying7793arch + hyprland
^
Немного не по теме, но что за ОС у вас стоит, не уж очень красиво?
Arch Linux + BSPWM