Красивый графический интерфейс на Python | Все фишки Flet
![ZProger [ IT ]](http://yt3.ggpht.com/ytc/AIdro_nEayoD4jBvKkG7VFnuTm_Rnd64g6RPSHL9K53LulYXDQ=s48-c-k-c0x00ffffff-no-rj)
ฝัง
- เผยแพร่เมื่อ 31 พ.ค. 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?
![Создание формы входа на Flet [Python] №1](/img/n.gif)
Если вы знаете другие библиотеки, которые я еще не показывал на канале, то можете указать их в комментариях ;)
kivy, тоже интерфейс нормальный можно сделать.
Спасибо за видео! Было бы интересно рассмотреть связку Flet+Django =)
@@Inker поддерживаю
@@Inkerа чего на неё смотреть? (и главное зачем)
я ранее пытался работать с этой библеотекой, но скрипты не запускались ни из-под venv ни из глобального окружения и там и там выдаёт ошибку, что не найден какой-то .dll файл(( может ли это быть связанно с тем что 7 винда больше не поддерживается?
Офигенный фреймворк. Сделал приложуху для квик тестов буквально за вечер. На экране вопрос и два варианта ответа, рандомно растасованых каждый раз, один из которых рандомно выбран из набора неверных. Простенько, но думаю для пробы пойдёт. По ощущениям это удобнее, чем C# на WPF или WindowsForms, или PyQt. Не говорю, что они плохие или хуже, речь только про лёгкость использования и то, что на них я бы упоролся делать программу-пустышку...
Спасибо за видео!
Это в 100 раз проще и эффективнее, чем PyQt
Круто! Спасибо! Это точно нужно! Жду еще видео про этот фреймворк
Вот! 🎉 наконец-то. То, что я так давно искал. Спасибо🙏💕
👍
@@zprogerпривет
@@zprogerможешь сделать скрипт для shadow fight 4? Мне нужен бот чтобы фармить ресурсы.
Спасибо за видео! До этого я особо не пользовался питоном, но теперь появилось пару идей с этим фреймфорком.
Один из лучших каналов по пайтону, столько нового узнаю из твоих видео
Как раз искал интересный фреймворк для интерфейса своего проекта, буду изучать
Этот канал находка для программиста, удачи автору🔥🔥🔥
Благодарю!
привет! подскажи пж, в проекте же будут находится все файлы этого фреймворка, правильно? сколько весит этот фреймворк? просто допустим я сделал приложение на пару мегабайт, а этот фреймворк весит 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
Могу от себя сказать - один из лучших фреймворков. Немного велосипедов приходится писать, скорость загрузки бывает долгой, зато скорость интерфейса и прочего шикарны + из существующих компонентов можно сделать практически любые свои компоненты. Единственное ещё что некоторых важных компонентов пока нет, но это специфично (взаимодействие с камерой + видео). Мобильные приложения пока только через flutter и web-отображение (насколько я понял, но пока сам не пробовал, заказ был на десктоп).
Привет
Можно ваш телеграм ?
Переговорить по поводу flet, если не затруднит ?
Готов за вознаграждение.
Огите пожалуйста, какую выбрать из курсов для будущей востребованной профессии ?
Ахрененный видос, спасибо за контент 🤯😳
Спасибо, рад что понравилось =)
Подскажите, пожалуйста, как правильно запушить приложение в статик вебсайт, в приложении всё работает, а после пуша на веб,только та часть, которая была сделана на flet
Блин , это просто топ.
Пару дней ковыряю reactpy и shiny.
Но флет на их фоне выглядит намного круче.
Молодчага!!! Продолжай в том же духе!!!
Благодарю!
Удивительно! какой класный Flet!
Это да
Мой внутренний эстет апплодирует!
Благодарю
Спасибо. Хорошая библиотека
ооо, спасибо. возьму на заметку
Поставил тебе лайк с ещё одного аккаунта. Спасибо за это видео. Супер
Благодарю!
Спасибо, подписался!
Спасибо огромное за видео. Как раз думал как делать сайт из языков знаю только питон и так чисто чтение других
@zproger не, подскажете пожалуйста какое графическое окружение и тему вы использовали для оформления arch? И как у вас получилось vim так красиво настроить?
Готовлю видео на эту тему, но сначала нужно допилить оболочку
@@zproger спасибо, буду ждать
@@zproger я свою манжарку закастомил по полной, но хочу украсть бар верхний. Polybar уже поднадоел. Я так понима у мсье стоит тое i3 как и у меня. Можно узнать какой bar?
Не передать словами как я тебе благодарен за разбор этого фреймворка!
Оформил подписку и вкинул лайк!
Осмотрел документацию фремворка - это идеально. Фронтэнд с питоновским бэком без всяких PHP и прочего барахла, с привычным синтаксисом.
Было бы круто, если бы ты разобрал его модуль OAuth, такой продукт и контент по нему должны выходить в массы, а не условные PyQT и TKinter'ы.
Еще раз спасибо что познакомил меня с таким мощным инструментом!
учите лучше джангу. там таких извращений нет.
чем PyQt не угодил
Никто не пишет интерфейсы на питоне в прод
@@nerlihmax4555 а на чём пишут?
@@CedarDemon JS к примеру Vue. Вообще зачем скрещать фронт и бэк не понятно.
Приветствую! Заинтересовало Ваше графическое оформление системы, что это за оболочка? На канале есть гайд/обзор?
Гайда пока что нет, ибо много работы предстоит сделать, чтобы вывести оболочку в свет, но такое видео будет 100%
Жду с нетерпением)
Можно ли использовать этот модуль не для создания сайтов, а для Windows приложений? Так же Вы не показали выравнивание, каким образом делается выравнивание либо задание в какую область поместить нужный мне компонент?
Выглядит современно
;)
Some of the Flet examples look awfully familiar 😀 Great video though!
Yes, you have the best examples I've seen 😉
привет у тебе какая версия оператсинный система?
подскажите пожалуйста, это какой то готовый дистрибутив линукс, или вы сами настраивали его внешний вид?
Это один из тайлинговых менеджеров, штука красивая но надо привыкать
Возможно ли, например, ui написать на Payton, а логику кнопок, меню и т.д. на с++?
Спасибо за видео, приведите пожалуйста примеры сложных вебсайтов которые были созданны используя технологию Flet
по-моему, нам впаривают какую-то дичь
@@titiqaqaпоподробнее пожалуйста
У меня мега питон не понимает flet я хз чё делать помогите пожалуйста
Можно ли использовать flet с Django?
Ура, дождался . Теперь про игры:)
А что я обещал сделать с играми? Или вы про игру с грибком?))
о прикольно закончатся дедлайны попробую фреймворк, как раз для бекендеров которые не любят фронтенд)
Спасибо, я как раз хочу научиться и сделать графический интерфейс для своей программы❤
Не получается
что спасибо, видос бесполезный.
Спасибо за интересные видео. На канале много материала по фреймворкам для GUI на питоне, по ним можно начать пользоваться данными фрейворками. Но я столкнулся с такой проблемой как деплой под разные платформы. К примеру как проект на flet сделать приложением под Android. В рускоязычном ютубе вообще ничего не нашел. В англоязычном нашел видео где используют cordova, но как обычно бывает что-то пошло не так)))
Без костылей никак. Это же веб фреймворк. То есть по сути это не классический GUI, а фронтенд библиотека.
И лучше не использовать Python для GUI в принципе. Его максимум - простецкие приложения без каких-либо вычислений (выполнение кода из DLL это не Python если что).
Which Linux distro you use? And which customizations you've done?
Как запускать её в окне винды или только через браузер?
Флет может связываться с фласк/джанго/фаст апи? Т.е можно сделать веб приложения используя флет инструменты, а всё остальное лежит на плечах веб фраемворка?
можно REST, но зачем? бессмысленный фрейморк. просто поиграться пока учишься и хочеш "красивый" интерфейс своему калькулятору, никогда в проектах такая дичь не используется
Респект автору, рассматривает всякие интересные технологии и не страдает хернёй как Хауди Ко-ко)
Благодарю
А что за операционная система? Скажите пожалуйста :)
Спасибо за видео.
Пожалуйста ;)
arch linux + i3-gaps. Красиво сделал
Очень много кода... Вот скажите, а есть конструкторы типа как у 1с, где можно без написания кода можно за 5 минут набросать форму со всеми элементами, заготовить обрабочики событий?
Лайк за арч и вим 😊
очень интересное видео!!!!!!
Спасибо! У меня друг адово херачит на флаттере, но я всё никак не хотел его трогать, а вот через фреймворк питухонский я бы попробовал)
Имба ролик как обычно, хотелось бы увидеть для мобильных устройств что то похожее.
Возможно сделаю подобное
Flet идеально работает и с мобильными устройствами
@@hwachakarterпока нет, но скоро. Англичане только под телефоны сейчас и создают
@@user-ko6pq4op2i оу, вот оно как, видимо я слишком лёгкое тестил. Тогда ждём
flutter
очень интересно , когда на превью gui написанное на C# используя wpf
Можно вопрос? Возможно уже задавали подобный, не увидел, какой фреймворк на питоне используете для веба? Может будет смысл веб на питоне писать, а не на жс и т.п.
Обычно django
@@ViamF Это же и есть жс
А смысл веба на питоне, когда есть пыха?
Очень бы хотелось посмотреть на твою полную настройку и кастомизацию archlinux, которым ты пользуешься в данный момент 🍆
Flet мещь офигенная. Жаль только для мобильных устройств еще толком не работает. Так бы был отличный простой и универсальный инструмент. Но все же, даже с тем, что сейчас, обалденная штука
да, есть такое
Англичане уже ждут этого с сотней созданных приложений, по заверениям авторов это скоро добавят и вроде планируют сделать с помощью клиент-серверов.
Привет
Можно ваш телеграм ?
Переговорить по поводу flet, если не затруднит ?
Готов за вознаграждение.
Сколько места занимает бинарник, например, с простейшим TODO листом?
Много ресурсов есть но это один из продвинутых фреймворков
Сделай плиз отдельное видео по Vim на котором код пишешь)
Недавно начал учить питон. Это же можно будет связать потом с Flask? Если да то есть ссылки на документацию?
Смотря как ты хочешь связать
А каким образом там настраивается позиционирование элементов друг относительно друга (то, за что отвечает CSS)?
Аналогично css flexbox
С помощью тегов в Flet, как и в Flutter. Как понимаю там идентично используется лишь один тег HTML > canvas для отрисовки интерфейса.
Столкнулся с непонятным поведением AlertDialog, с включенной настройкой по умолчанию open=True, диалог автоматически закрывается. На станице даже не отображается, и только в консоли можно отследить что диалог отработал.
В чем плюсы и минусы относительно DearPyGui?
Наскоьлко экзешник прошраммы для винды в Flet будет больше/меньше такой же программы по функционалу в DPG?
Питон же интерпретируемый, какой экзешник
@@Dmytro-Tsymbaliukв видео же показано было, что можно упаковать все в экзешние с помощью флэта или пайинсталлера
@@Dmytro-Tsymbaliuk Обычный
Флет работает на flutter а он на dart это компилируемый язык и собирается в бинарник на любые платформы
В каком приложении писал код?
Что за дистрибутив линукс? Может кто-то сказать пожалуйста!
Кому лучше быть Флетстайлером, а я Джанглёр))
@@ivanpetrov2435 о какой клиент части ты говоришь, если это бэкенд фреймворк... 🤡
Мир истинных реактистов - штука непростая.
Что те геи, что другие
@@warlokfergan2545ты тоже
какой редактор в видео?
CSS: опа, достойный соперник, наша битва будет легкндарной
Заинтересовал
;)
Как настроить арч так, чтобы панель задач сверху выглядела также?
Это Polybar
не подскажешь какой ты ОС используешь ? на базе линукс наверное
arch
Расскажи по подробнее, очень хотелось бы посмотреть на реальных проектах этот фреймворк, не читая документацию не вникая в логику фреймворка
Этот питон фреймворк это тупо обертка над нормальным фреймворком flutter
Он много где используется и работает на нормальном языке
Вот про него гугли и используй его
А что за редактор кода ?
ZPoger, а что у тебя за операционная система?
Arch Linux
GhatGPT может также писать код по запросу?
Симпатично выглядит. Только не понял, как с его помощью делать многостраничные десктопные приложения. Сделал страницу авторизации и всё
Флэт делает приложение которое можно через браузер открывать? Но это не будет являться сайтом? Не получиться использовать Flet+fastAPI+Docker?
Думаю можно связать, но вряд ли он будет очень быстро работать
Заметил, что если указать конкретный порт, то при запуске библиотеки на сервере он не дает открыть больше 1 одинаковой страницы в браузере срабатывает исключение expand, если не ошибаюсь. В общем если кто-то пробовал на данной библиотеке развернуть веб-сервис и удалось избавиться от ошибки в случае если обращаться к конкретной ссылке с портом к веб приложению дважды, то буду благодарен за пояснение где допустил ошибку или как это избежать
Ждём конфиг для nvim'а день 2 🙃
:D
Можешь готовые найти в гугле/гитхабе
Поставь себе Astro nvim или Lazy nvim и не парься
@@kemal1910так не интересно)
@@Shebanec Согласен)
Сделай видео про то, как настроить Arch Linux как у тебя. Пжпжпж.
В процессе, там много сложностей перед релизом
есть код интерфейса с превью?
Фрейм ещё сырой. До версии 1.0 ещё ждать и ждать... Но, блин, как же приятно было сделать на нем pet-проект, который долго мучал меня, как начинающего питониста, тем, что все расчеты делались во фронте. А тут - бац! за неделю разродился (это вместе с изучением самого flet'a): перенести фронтендовские расчеты на питон - это круто. Буду надеяться , что у парня, замутившего проект, не опустятся руки и он перенесет функционал flutter на python. Иначе, судьба у этого фреймворка - клепать пет-проекты... А может стать бомбой (для небольших проектов точно)
ух ты теперь я стану крутым разработчиком мобильных приложений на Flutter?
100%
столько уже фреймворков для графических интерфейсов. А что из этого лучше себе брать-то?
Если нужно быстро сделать мвп - Vuetify, если для коммерческого софта - пиши сам
Я не понял прикола, почему все так восхваляют этот Flet.
По моему мнению, это просто очередная "обертка-костыль" для того же самого JavaScript. А как вы наверное знаете, все что работает поверх другого работает медленнее, чем первоисточник. (Хотя я не уверен, возможно Python в итоге просто превращается в js где-то в недрах движка Flet).
Flet не дает такой же гибкости как React или Vue. А если вам нужно именно приложение под десктоп, то можно просто React обернуть в какой-нибудь Electron.
В общем, не скажу, что эта полная шняга, а так, ребятки, если хотите, чтобы работало быстро не используйте webkit и пишите ваши приколы нативно
знает кто что это за сайт на превью? очень хотел бы посмотреть и повторить
а что это за операционка?
подскажите как настроить настолько красивый ui
спасибо за ролик, веселит ваше А-Д-Д вспомнинаю других персонажей, ведущий Fox minded - бр-О-Узер, или Ретурн от ещё кого-то.
Что за сайт на превью?
Очень стильный дизайн
Крутой фреймфорк, но очень мало информации пока о нём.
Либо мой уровень не позволяет её усвоить ))
здравствуйте, уважаемые программисты! подскажите, пожалуйста, реально ли и на чём проще реализовать проект?
обрисую суть: юзеру необходимо составить топологию/структуру (как вам угодно) распределенной информационной системы, в которую будут входить несколько ЛВС (марши, коммутаторы, ПЭВМы и серваки), ЦОДы и удалённые пользователи этой системы.
так вот я всю голову себе поломал, как можно проще всего получить эту топологию от пользователя без танцев с бубном. была идея сделать что-то типа drag and drop, чтобы у пользователя была панель со всеми доступными устройствами, из которой он потом вытаскивал нужные на канвасе и соединял их, но как и на чём это реализовать, я не знаю и в инете ничего похожего не нашёл. если у кого-то есть подобные решения или хотя бы что-то отдалённо напоминающее его, буду очень благодарен, если вы скинете на него ссылочку.
за видео отдельное спасибо, очень полезное, информативное и без воды.
Один из серьёзных конкурентов flet - streamlit, куда проще и красивее, но тяжело кастомизиреумый
Видео топ, есть прикольная библиотека streamlit глянь если не делал очень классная тема с бесплатным хостом
Классная либа, тоже как-то руки до неё дойдут
можете скинуть конфиг вашей верхней панельки?
Залью все сразу во время релиза оболочки, сейчас эти конфиги багованные и не будут выглядеть так, как на видео
Как правильно экспортировать коды в exe ? Когда экспортирую и отправляю куда либо, антивирусы ругаются на exe файл
Ругаются, потому что софт не подписан, так и должно быть
@@zproger Я читал информацию и понял, что так и должно быть. Спасибо, но не совсем понял, как это подписан ?
@@DDdDDO70x у вас нет сертификата
а какая тема у вас установлена для нвима?
nvchad + aquarium
Прогер, помоги! Как позиционировать обьекты в flet(как работать с alignment, top bottom left right)
гугли не с flet а с flutter
@@user-py8rq9vz4va спустя месяц я понял что flet фигня и полностью перешёл на dart с flutter. И лишь бекенд пишу на питоне через отправку json файлов между программами
Друг, а если вернуться ближе к земле, покажи пожалуйста как сделать пополняемую базу данных автопробега и расхода ГСМ с привязкой к базе данных автомашин?
ГЛОНАСС трекер с датчиком ГСМ не подходят?
1:37 всем советую, супер способ, диск так ускорился что я на нем улетел на Марс и пишу с него комментарий
:D
какой дистрибутив юзаешь?
У него arch linux
Arch Linux
@@zproger пасиб
как сделать такой же красивый firefox
Автор, стоит ждать видео о вашей конфигурации NeoVim?
Мне показалось или вы удаляете комментарии с названием? ))
Да, стоит ждать, но сроки не могу назвать
@@zproger Может дадите ссылку на ваш конфиг Nvim?
Конфиг, в студию это прекрасно