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

⭐ Курс ООП и Приват канал: 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
📁 Связаться со мной: [e-mail]
📁 Поддержать канал: 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?

[@zproger]

Если вы знаете другие библиотеки, которые я еще не показывал на канале, то можете указать их в комментариях ;)

[@ROFLAN3b4L0REAAL]

kivy, тоже интерфейс нормальный можно сделать.

[@Inker]

Спасибо за видео! Было бы интересно рассмотреть связку Flet+Django =)

[@bozh5407]

@@Inker поддерживаю

[@respise]

@@Inkerа чего на неё смотреть? (и главное зачем)

[@ocean_it]

я ранее пытался работать с этой библеотекой, но скрипты не запускались ни из-под venv ни из глобального окружения и там и там выдаёт ошибку, что не найден какой-то .dll файл(( может ли это быть связанно с тем что 7 винда больше не поддерживается?

[@gook4513]

Круто! Спасибо! Это точно нужно! Жду еще видео про этот фреймворк

[@xmxustin]

Вот! 🎉 наконец-то. То, что я так давно искал. Спасибо🙏💕

[@zproger]

👍

[@default4591]

​@@zprogerпривет

[@default4591]

​@@zprogerможешь сделать скрипт для shadow fight 4? Мне нужен бот чтобы фармить ресурсы.

[@mndtr0]

Офигенный фреймворк. Сделал приложуху для квик тестов буквально за вечер. На экране вопрос и два варианта ответа, рандомно растасованых каждый раз, один из которых рандомно выбран из набора неверных. Простенько, но думаю для пробы пойдёт. По ощущениям это удобнее, чем C# на WPF или WindowsForms, или PyQt. Не говорю, что они плохие или хуже, речь только про лёгкость использования и то, что на них я бы упоролся делать программу-пустышку... Спасибо за видео!

[@user-qc5ix6no6d]

Это в 100 раз проще и эффективнее, чем PyQt

[@migdorytele3782]

​@@user-qc5ix6no6dЭто в 10000 раз проще и эффективнее, чем на ассемблере

[@hitomihiumi]

Спасибо за видео! До этого я особо не пользовался питоном, но теперь появилось пару идей с этим фреймфорком.

[@shxwe7847]

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

[@s41nt2]

Этот канал находка для программиста, удачи автору🔥🔥🔥

[@zproger]

Благодарю!

[@user-ry7lm8ln5r]

Классная вещь! Спасибо за ролик.

[@zproger]

Рад что понравилось

[@markusnotfound3007]

@@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'

[@ronny_1]

А ты его устанавливал через терминал? Вот команда: pip install flet

[@migdorytele3782]

​​@@markusnotfound3007бл. не работает. Надо бл.py

[@diz996]

Ахрененный видос, спасибо за контент 🤯😳

[@zproger]

Спасибо, рад что понравилось =)

[@dodiko1d]

Могу от себя сказать - один из лучших фреймворков. Немного велосипедов приходится писать, скорость загрузки бывает долгой, зато скорость интерфейса и прочего шикарны + из существующих компонентов можно сделать практически любые свои компоненты. Единственное ещё что некоторых важных компонентов пока нет, но это специфично (взаимодействие с камерой + видео). Мобильные приложения пока только через flutter и web-отображение (насколько я понял, но пока сам не пробовал, заказ был на десктоп).

[@dmitrievfin]

Привет Можно ваш телеграм ? Переговорить по поводу flet, если не затруднит ? Готов за вознаграждение.

[@bozh5407]

Удивительно! какой класный Flet!

[@zproger]

Это да

[@AlexRootx]

Молодчага!!! Продолжай в том же духе!!!

[@zproger]

Благодарю!

[@AlkeraIr]

ооо, спасибо. возьму на заметку

[@oeaoo]

Мой внутренний эстет апплодирует!

[@zproger]

Благодарю

[@mrminyukho]

Респект автору, рассматривает всякие интересные технологии и не страдает хернёй как Хауди Ко-ко)

[@zproger]

Благодарю

[@rrahll]

Спасибо, подписался!

[@spaiktv3885]

Спасибо. Хорошая библиотека

[@mxustin]

Поставил тебе лайк с ещё одного аккаунта. Спасибо за это видео. Супер

[@zproger]

Благодарю!

[@daedalusbane9040]

Не передать словами как я тебе благодарен за разбор этого фреймворка! Оформил подписку и вкинул лайк! Осмотрел документацию фремворка - это идеально. Фронтэнд с питоновским бэком без всяких PHP и прочего барахла, с привычным синтаксисом. Было бы круто, если бы ты разобрал его модуль OAuth, такой продукт и контент по нему должны выходить в массы, а не условные PyQT и TKinter'ы. Еще раз спасибо что познакомил меня с таким мощным инструментом!

[@aakozlov85]

учите лучше джангу. там таких извращений нет.

[@svchaes3852]

чем PyQt не угодил

[@nerlihmax4555]

Никто не пишет интерфейсы на питоне в прод

[@CedarDemon]

@@nerlihmax4555 а на чём пишут?

[@Korovkin37]

@@CedarDemon JS к примеру Vue. Вообще зачем скрещать фронт и бэк не понятно.

[@maximusofigenus200]

Блин , это просто топ. Пару дней ковыряю reactpy и shiny. Но флет на их фоне выглядит намного круче.

[@udaloi1]

привет! подскажи пж, в проекте же будут находится все файлы этого фреймворка, правильно? сколько весит этот фреймворк? просто допустим я сделал приложение на пару мегабайт, а этот фреймворк весит 500, получается максимально простенькое приложение будет весить как несколько телеграммов. или я чего-то не понимаю?

[@MicrosoftGoogle24]

Спасибо огромное за видео. Как раз думал как делать сайт из языков знаю только питон и так чисто чтение других

[@0ShadowDarkness0]

Выглядит современно

[@zproger]

;)

[@azgardi4107]

Ура, дождался . Теперь про игры:)

[@zproger]

А что я обещал сделать с играми? Или вы про игру с грибком?))

[@Frank-xo9bm]

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

[@user-zf5vn2lw8b]

Не получается

[@markusnotfound3007]

что спасибо, видос бесполезный.

[@lineindent]

Some of the Flet examples look awfully familiar 😀 Great video though!

[@zproger]

Yes, you have the best examples I've seen 😉

[@andyzmn3391]

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

[@user-sk1vc7lz8h]

Огите пожалуйста, какую выбрать из курсов для будущей востребованной профессии ?

[@TheAnthonyDav]

Спасибо за видео.

[@zproger]

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

[@user-fn6et2pw4q]

очень интересное видео!!!!!!

[@user-tb2oz3el5w]

arch linux + i3-gaps. Красиво сделал

[@user-jn9qg6if4d]

подскажите пожалуйста, это какой то готовый дистрибутив линукс, или вы сами настраивали его внешний вид?

[@user-yp2vh6jy7q]

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

[@MrUrimir]

Спасибо за видео, приведите пожалуйста примеры сложных вебсайтов которые были созданны используя технологию Flet

[@titiqaqa]

по-моему, нам впаривают какую-то дичь

[@cranberry888]

​@@titiqaqaпоподробнее пожалуйста

[@ufers1027]

Спасибо за интересные видео. На канале много материала по фреймворкам для GUI на питоне, по ним можно начать пользоваться данными фрейворками. Но я столкнулся с такой проблемой как деплой под разные платформы. К примеру как проект на flet сделать приложением под Android. В рускоязычном ютубе вообще ничего не нашел. В англоязычном нашел видео где используют cordova, но как обычно бывает что-то пошло не так)))

[@ne2ve2]

Без костылей никак. Это же веб фреймворк. То есть по сути это не классический GUI, а фронтенд библиотека. И лучше не использовать Python для GUI в принципе. Его максимум - простецкие приложения без каких-либо вычислений (выполнение кода из DLL это не Python если что).

[@sergydomov1003]

@zproger не, подскажете пожалуйста какое графическое окружение и тему вы использовали для оформления arch? И как у вас получилось vim так красиво настроить?

[@zproger]

Готовлю видео на эту тему, но сначала нужно допилить оболочку

[@sergydomov1003]

@@zproger спасибо, буду ждать

[@user-qt7os4re5u]

@@zproger я свою манжарку закастомил по полной, но хочу украсть бар верхний. Polybar уже поднадоел. Я так понима у мсье стоит тое i3 как и у меня. Можно узнать какой bar?

[@ReFlexError]

Приветствую! Заинтересовало Ваше графическое оформление системы, что это за оболочка? На канале есть гайд/обзор?

[@zproger]

Гайда пока что нет, ибо много работы предстоит сделать, чтобы вывести оболочку в свет, но такое видео будет 100%

[@ReFlexError]

Жду с нетерпением)

[@bpv82]

Сделай плиз отдельное видео по Vim на котором код пишешь)

[@artawowerlh7761]

Лайк за арч и вим 😊

[@user-qd2ji8us6d]

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

[@MrPing101]

Подскажите, пожалуйста, как правильно запушить приложение в статик вебсайт, в приложении всё работает, а после пуша на веб,только та часть, которая была сделана на flet

[@Darirok2]

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

[@zproger]

Возможно сделаю подобное

[@hwachakarter]

Flet идеально работает и с мобильными устройствами

[@user-ko6pq4op2i]

​@@hwachakarterпока нет, но скоро. Англичане только под телефоны сейчас и создают

[@hwachakarter]

@@user-ko6pq4op2i оу, вот оно как, видимо я слишком лёгкое тестил. Тогда ждём

[@user-py8rq9vz4va]

flutter

[@a.krugliak]

Спасибо! У меня друг адово херачит на флаттере, но я всё никак не хотел его трогать, а вот через фреймворк питухонский я бы попробовал)

[@nojotnar]

Очень бы хотелось посмотреть на твою полную настройку и кастомизацию archlinux, которым ты пользуешься в данный момент 🍆

[@nakamasama]

Заинтересовал

[@zproger]

;)

[@danielmuntyanu]

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

[@zproger]

да, есть такое

[@user-ko6pq4op2i]

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

[@dmitrievfin]

Привет Можно ваш телеграм ? Переговорить по поводу flet, если не затруднит ? Готов за вознаграждение.

[@robertobokarev439]

Кому лучше быть Флетстайлером, а я Джанглёр))

[@dxmbro]

​@ivanpetrov2435 о какой клиент части ты говоришь, если это бэкенд фреймворк... 🤡

[@lizbertarian]

Мир истинных реактистов - штука непростая.

[@warlokfergan2545]

Что те геи, что другие

[@user-zf5vn2lw8b]

​@@warlokfergan2545ты тоже

[@bfmapper6850]

CSS: опа, достойный соперник, наша битва будет легкндарной

[@DeadlyparkourKillerdarkassasin]

Можно ли использовать flet с Django?

[@Кай4ик]

Ждём конфиг для nvim'а день 2 🙃

[@zproger]

:D

[@user-qq1mk6xw7j]

Можешь готовые найти в гугле/гитхабе

[@kemal1910]

Поставь себе Astro nvim или Lazy nvim и не парься

[@Shebanec]

​@@kemal1910так не интересно)

[@Кай4ик]

@@Shebanec Согласен)

[@makar1uz]

очень интересно , когда на превью gui написанное на C# используя wpf

[@liton42]

Можешь подсказать хочу чтобы в веб приложении на flet при нажатии кнопки запускался JavaScript?

[@ilyatikhonov6269]

Возможно ли, например, ui написать на Payton, а логику кнопок, меню и т.д. на с++?

[@SeliverstovMusic]

Сколько места занимает бинарник, например, с простейшим TODO листом?

[@yevheniitsybulskyi2020]

Много ресурсов есть но это один из продвинутых фреймворков

[@ithelper9]

Сделай видео про то, как настроить Arch Linux как у тебя. Пжпжпж.

[@zproger]

В процессе, там много сложностей перед релизом

[@user-sq8so2ns1r]

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

[@eeveiv8582]

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

[@alexeyfilippov42]

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

[@infokontent]

привет у тебе какая версия оператсинный система?

[@alexnoodles8290]

ух ты теперь я стану крутым разработчиком мобильных приложений на Flutter?

[@zproger]

100%

[@yellowdollar3558]

Недавно начал учить питон. Это же можно будет связать потом с Flask? Если да то есть ссылки на документацию?

[@baldezh8997]

Смотря как ты хочешь связать

[@hankerRU]

Фрейм ещё сырой. До версии 1.0 ещё ждать и ждать... Но, блин, как же приятно было сделать на нем pet-проект, который долго мучал меня, как начинающего питониста, тем, что все расчеты делались во фронте. А тут - бац! за неделю разродился (это вместе с изучением самого flet'a): перенести фронтендовские расчеты на питон - это круто. Буду надеяться , что у парня, замутившего проект, не опустятся руки и он перенесет функционал flutter на python. Иначе, судьба у этого фреймворка - клепать пет-проекты... А может стать бомбой (для небольших проектов точно)

[@Rolren_Rool]

А что за операционная система? Скажите пожалуйста :)

[@muhammedergeshov226]

спасибо за ролик, веселит ваше А-Д-Д вспомнинаю других персонажей, ведущий Fox minded - бр-О-Узер, или Ретурн от ещё кого-то.

[@farizmirzoyev5160]

ZPoger, а что у тебя за операционная система?

[@zproger]

Arch Linux

[@shamshum5621]

не подскажешь какой ты ОС используешь ? на базе линукс наверное

[@zproger]

arch

[@korpmac]

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

[@rimashi1089]

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

[@ViamF]

Обычно django

[@TheChalr]

@@ViamF Это же и есть жс

[@Dmytro-Tsymbaliuk]

А смысл веба на питоне, когда есть пыха?

[@nicksttar]

Видео топ, есть прикольная библиотека streamlit глянь если не делал очень классная тема с бесплатным хостом

[@zproger]

Классная либа, тоже как-то руки до неё дойдут

[@cherdak_turista]

Первый коммент) Спасибо за видео!

[@zproger]

;)

[@andreu_k]

Как запускать её в окне винды или только через браузер?

[@ruslansanzharov5825]

1:37 всем советую, супер способ, диск так ускорился что я на нем улетел на Марс и пишу с него комментарий

[@zproger]

:D

[@depuraxe1493]

🔥🔥🔥

[@zproger]

;)

[@pixelp4nts]

Один из серьёзных конкурентов flet - streamlit, куда проще и красивее, но тяжело кастомизиреумый

[@info_infoman]

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

[@dmitriynayanov6428]

столько уже фреймворков для графических интерфейсов. А что из этого лучше себе брать-то?

[@iml404]

Если нужно быстро сделать мвп - Vuetify, если для коммерческого софта - пиши сам

[@whiteshadow4694]

А что за редактор кода ?

[@nnaliyev8609]

Super

[@zproger]

;)

[@Drill-84051]

У меня мега питон не понимает flet я хз чё делать помогите пожалуйста

[@user-bz8rj7be6b]

а какая тема у вас установлена для нвима?

[@zproger]

nvchad + aquarium

[@dmitrievfin]

Крутой фреймфорк, но очень мало информации пока о нём. Либо мой уровень не позволяет её усвоить ))

[@rad9587]

можете скинуть конфиг вашей верхней панельки?

[@zproger]

Залью все сразу во время релиза оболочки, сейчас эти конфиги багованные и не будут выглядеть так, как на видео

[@Anonim-im6ln]

👍👍

[@michaelantipov1473]

Как настроить арч так, чтобы панель задач сверху выглядела также?

[@zproger]

Это Polybar

[@iswearican__]

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

[@user-py8rq9vz4va]

Этот питон фреймворк это тупо обертка над нормальным фреймворком flutter Он много где используется и работает на нормальном языке Вот про него гугли и используй его

[@frrrost1504]

Флэт делает приложение которое можно через браузер открывать? Но это не будет являться сайтом? Не получиться использовать Flet+fastAPI+Docker?

[@zproger]

Думаю можно связать, но вряд ли он будет очень быстро работать

[@genych93]

А каким образом там настраивается позиционирование элементов друг относительно друга (то, за что отвечает CSS)?

[@miha4096]

Аналогично css flexbox

[@mikheeffff]

С помощью тегов в Flet, как и в Flutter. Как понимаю там идентично используется лишь один тег HTML > canvas для отрисовки интерфейса.

[@tazeey]

yoo, ur arch looks amazing. can u make a tutorial how u riced it to look that way? thnx

[@zproger]

Hi, thanks for the comment, I will definitely make a video on the channel

[@mymobigoogle205]

О. Как я и писал, что надо Flutter с питоном скрестить.

[@zproger]

:D

[@user-py8rq9vz4va]

Не надо

[@zoynie]

Что за дистрибутив линукс? Может кто-то сказать пожалуйста!

[@xota3115]

В каком приложении писал код?

[@visaginas360]

GhatGPT может также писать код по запросу?

[@richardsauer734]

Which Linux distro you use? And which customizations you've done?

[@bloodymanchenal9281]

ArchLinux

[@slashpotato]

какой дистрибутив юзаешь?

[@vovanninja5989]

У него arch linux

[@zproger]

Arch Linux

[@slashpotato]

@@zproger пасиб

[@Serkillo]

Немного не по теме, но что за ОС у вас стоит, не уж очень красиво?

[@zproger]

Arch Linux + BSPWM

[@klaydxD]

какой редактор в видео?

[@AlexandrSpirit]

В чем плюсы и минусы относительно DearPyGui? Наскоьлко экзешник прошраммы для винды в Flet будет больше/меньше такой же программы по функционалу в DPG?

[@Dmytro-Tsymbaliuk]

Питон же интерпретируемый, какой экзешник

[@mndtr0]

​@@Dmytro-Tsymbaliukв видео же показано было, что можно упаковать все в экзешние с помощью флэта или пайинсталлера

[@user-py8rq9vz4va]

@@Dmytro-Tsymbaliuk Обычный Флет работает на flutter а он на dart это компилируемый язык и собирается в бинарник на любые платформы

[@Ditmor-StreltsovBogdan]

Что за сайт на превью? Очень стильный дизайн

[@0xFF-ot81nc]

Автор, стоит ждать видео о вашей конфигурации NeoVim?

[@0xFF-ot81nc]

Мне показалось или вы удаляете комментарии с названием? ))

[@zproger]

Да, стоит ждать, но сроки не могу назвать

[@botyajr4679]

@@zproger Может дадите ссылку на ваш конфиг Nvim?

[@user-yp2vh6jy7q]

Конфиг, в студию это прекрасно

[@Ryleeto]

знает кто что это за сайт на превью? очень хотел бы посмотреть и повторить

[@alexzshow6314]

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

[@sergheipascal5232]

Подскажите пожалуйста что за тема у автора? очень красиво смотрится.

[@zproger]

О какой теме речь?

[@sergheipascal5232]

о теме редактора кода