Create Stunning Python GUIs in 10 Minutes With Drag & Drop
Вставка
- Опубліковано 28 вер 2024
- 👉 Explore All My Excel Solutions: pythonandvba.c...
𝗗𝗘𝗦𝗖𝗥𝗜𝗣𝗧𝗜𝗢𝗡
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
In this video, I'll show you how to create amazing Python GUIs in just 10 minutes using drag-and-drop. We'll take a design from Figma and turn it into working Python code with the tkinter Designer package, saving you hours of manually positioning the GUI elements. I'll also show you how to make your Python GUI into an executable file with PyInstaller, so it can run on any computer without needing Python installed. This tutorial is perfect for anyone who wants to create beautiful Python GUIs quickly.
🌍 𝗟𝗜𝗡𝗞𝗦:
▶ Tkinter-Designer GitHub Repo: github.com/Par...
▶ Source Code (Sample App): github.com/Sve...
💻 𝗣𝘆𝗜𝗻𝘀𝘁𝗮𝗹𝗹𝗲𝗿 𝗖𝗼𝗺𝗺𝗮𝗻𝗱:
pyinstaller --noconsole --onefile --add-data "assets/frame0;assets/frame0" gui.py
𝗧𝗢𝗢𝗟𝗦 𝗔𝗡𝗗 𝗥𝗘𝗦𝗢𝗨𝗥𝗖𝗘𝗦
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
🆓【𝗙𝗥𝗘𝗘】Excel Add-in (𝗠𝘆𝗧𝗼𝗼𝗹𝗕𝗲𝗹𝘁): pythonandvba.c...
📊 Dashboard Excel Add-In (𝗚𝗿𝗮𝗳𝗹𝘆): pythonandvba.c...
🎨 Cartoon Charts Excel Add-In (𝗖𝘂𝘁𝗲𝗣𝗹𝗼𝘁𝘀): pythonandvba.c...
🤪 Fun Emoji Excel Add-In (𝗘𝗺𝗼𝗷𝗶𝗳𝘆): pythonandvba.c...
📑 Excel Templates: pythonandvba.c...
🎓 My Courses: pythonandvba.c...
📚 Books, Tools, and More: pythonandvba.c...
𝗖𝗢𝗡𝗡𝗘𝗖𝗧 𝗪𝗜𝗧𝗛 𝗠𝗘
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
🔗 LinkedIn: / sven-bosau
📸 Instagram: / codingisfun_official
💻 GitHub: github.com/Sve...
💬 Discord: pythonandvba.c...
📬 Contact: pythonandvba.c...
☕ 𝗕𝘂𝘆 𝗺𝗲 𝗮 𝗰𝗼𝗳𝗳𝗲𝗲?
If you want to support this channel, you can buy me a coffee here:
▶ pythonandvba.c...
*Check out the next video, where we turn a GUI into an Excel Data Entry form using ChatGPT:* ua-cam.com/video/HwoJtAsNCU0/v-deo.html
Cheers, Sven ✌
I did GUI programming with Visual Basics 20 years ago.
Thanks for watching! Cheers, Sven ✌️
But I am doing it again thanks
Steady for 30 years in Delphi..
Hi please I've started working with embercadero delphi can you please share some resources you used
Thank you for this! My form fillers with TKinter are super simple and look boring. I will be working on this for sure!
Thanks for watching, and good luck with your GUI. Happy coding! Cheers, Sven ✌️
You mentioned a follow-up video explaining how to handle button clicks of the Figma-generated forms. I'm hitting the wall with that and cannot find any such video ...
Yep, this one here: ua-cam.com/video/HwoJtAsNCU0/v-deo.html
You can also inspect the code here: github.com/Sven-Bo/excel-data-entry-form/blob/main/gui.py
I hope it helps! Happy coding! -Sven ✌️
This video was clutch for me. Thanks!!
My pleasure! Appreciate you taking the time to watch and leave a comment. Cheers, Sven ✌️
Hey, great tutorial, tnx! ^_^ By the way, do you know how to pack it to .APK for running it on Android, and how to force it to open in full screen mode??... We're making an embedded system interactive app GUI for school students...
Thanks for watching and the positive feedback. Regarding your questions, please have a look here: stackoverflow.com/a/64725622
I hope it helps! Happy Coding! Cheers, Sven ✌️
Nice, I was wondering if you can make a video like this but whole system is running smoothly like inventory system
Thanks for watching and your video suggestion. -Sven ✌️
@@CodingIsFun you're welome, looking forward for that
Great topic, perfect combination of technologies to fuse together. The only thing that could make it better is incorporating AI into the process which you hint at doing in the next videos Well done!
Thanks for the kind words! Yes, next Sunday, we will create a similar data entry form and use ChatGPT while building the app. In fact, we are going to build the entire entry form without writing a single line of code ourselves. 😬 Not sure if I should be proud of that, though. 😅 Anyway, thanks for watching and stay tuned. Cheers, Sven ✌️
bro this knowledge u shared just is so amazing and useful
i wish i knew this earlier(so much time would be saved) 😢
Appreciate the love! Thanks for watching! Cheers, Sven ✌️
It would be interesting to see how you can have your gui give interactive feedback
I have a script which lets you choose between to modes and gives you feedback if the entered date is formatted correctly for example
Thanks for watching and for your feedback. In the next video, I'll add a bit more interactivity. We'll build a data entry form for Excel that includes checks, such as a message box if the user doesn't fill out all required fields and another message box if the entered email is not in the correct format. Stay tuned for next Sunday when I release that video. Cheers,Sven ✌️
Hi, do you know if tkinter-designer supports dynamic screen resizing? (ex, I change the window size, and the elements scale in a similar way to the "scale" tool in Figma itself) Thanks!
Thanks for watching! tkinter-designer is focused on creating GUI elements. Currently, these elements (text inputs, shapes, etc.) are placed on the canvas using the 'place' method. If you want to resize the elements dynamically, you'll need to modify the code as shown here: stackoverflow.com/a/71160417
Happy coding! Cheers, Sven ✌️
Great tutorial! Thank you
You're very welcome! Thanks for watching! Cheers, Sven ✌️
When I try to run the code, it only prints out a white small window?
Thanks for watching. Not sure why you wrote the same comment mutltiple times, but anyways 😅:
Please clone the repo and try again, thanks! Cheers, Sven ✌️
Question.. can we use this to create userforms in excel?
That will be my next video 😅 I'm going to release it on Sunday. Stay tuned for that. Cheers, Sven ✌️
Thank you so much Sven! I loook soo much forward to your video
Thanks a lot...
Most welcome! Cheers, Sven ✌️
The tkinter application only work with Figma?
Figma is only used to create the Tkinter code.
@@CodingIsFun nice
I like it 😊
Glad you liked it. Thanks for watching and taking the time to leave a comment! Cheers, Sven ✌️
Noice
Thanks!
Incredible! I’ve been wanting a way to do all of this for a really long time! Thanks for making a video on it.
Happy to hear that it was useful; thank you for taking the time to leave a comment and for watching the video! Cheers, Sven ✌️
When I try to run the code, only a small white screen pops up?
Thanks for watching. Not sure why you wrote the same comment mutltiple times, but anyways 😅:
Please clone the repo and try again, thanks! Cheers, Sven ✌️
Great Video. Followed Through, however, when every time I convert a design, the effects such as "drop" or "inner shadows" do not seem to work, and also I realize that Rectangles having rounded edges in the design keep being made back to the normal straight edges after converting. Any tips??
When I try to run the code, only a small white screen pops up?
Thanks for watching. Not sure why you wrote the same comment mutltiple times, but anyways 😅:
Please clone the repo and try again, thanks! Cheers, Sven ✌️
Frame not found in figma file or is empty - fix this error bro please i worked 2 hiurs
Thanks for watching and for your question. Hard to tell from a distance why you are facing an error. Sorry that I cannot help. -Sven ✌️
Nice, accurate, fast. Thx 😊
Glad to hear you liked it! Thank you for commenting and watching. Cheers, Sven ✌️
Hi, that's an amazing tutorial. Much appreciated! Does converting the python code into an executable code work for all types of files?
Like if we execute any complex apps will the exe files work especially where AI has been used?
Thanks!
Thanks for watching. I'm not sure about your use case or the types of files you want to include. Regarding "AI," are you looking to include a model that has been saved locally? I haven't tried that. However, if you want to call an API endpoint, like from OpenAI, that's definitely possible since you're just sending an HTTP request via your app. Happy coding! Cheers, Sven ✌️
@@CodingIsFun Hi thanks for your reply. Yes ideally I am looking to use an API endpoint, however there are not many tutorials available for such use cases.
It would be great if you could showcase something related to that.
Thanks!
@@theaccountantguy Ah, okay. That should be possible. I'm not sure if I will do a dedicated video about it, but if you're unsure how to incorporate that into the GUI, you could copy/paste your code into ChatGPT and ask how to integrate it with an API endpoint. Additionally, provide ChatGPT with a code snippet showing how the request should be sent to that API endpoint, including the return format. That could be a good starting point. I hope this helps! Happy coding!
too much mucking about.... QT designer.
Thanks for watching and sharing your thoughts! -Sven ✌️
AttributeError: 'ButtonHover' object has no attribute 'id_'. Did you mean: 'id'?
Sir i am facing this issue what should i do
Thanks for watching. Sorry, but with that bit of information I cannot help you. Cheers, Sven ✌️
@@CodingIsFun I've fixed the issue thanks for such an amazing tutorial✨🤝🏻❤️
@@lukkygill271 What was the issue? :)
@@CodingIsFun there was a minor issue i did not named the ButtonHover properly instead of Writing ButtonHover i wrote ButtonHover_(Added space at the end mistakenly)
this vid was so informative sir,looking forward to your next video about using database in figma designs
Regards from Pakistan💚💫
@@lukkygill271 Glad you found the bug. Greetings to Pakistan! Cheers, Sven ✌
Cool...Thank you.
My pleasure! Appreciate you taking the time to watch and leave a comment. -Sven
Why is the video speed so fast?
Thanks for watching! You can slow down the video by clicking on the gear icon and changing the speed, e.g., to 0.75x. Cheers, Sven ✌️
Not as good as Embarcadero's Delphi RAD editor though, but this is better than having to type everything yourself
Thanks for watching and sharing your thoughts! Cheers, Sven ✌️
Thank you 😊
My pleasure! Thanks for tuning in! Cheers, Sven ✌️
Amazing work, you are our super hero ❤
It's very kind of you to say so, thank you! Cheers, Sven ✌️
although not related, this gives me flashbacks to the ease of using Macromedia Dreamweaver...
I am showing my age...
Thanks for watching! I've never used Macromedia Dreamweaver. I guess that was before I started coding 😅 Cheers, Sven ✌️
Many thanks, I hope your plan is to make a video where is connected to database and also create reports, apps like inventory, admin proyects, etc.
Thanks for watching and your suggestions. Cheers, Sven ✌️
Hi Sven! Can you please make a tutorial on Anvil?. That would be great!
Thanks for watching and your video suggestion. Cheers, Sven ✌️
When I try to run the code, only a small white window pops up instead of the design. Any way to fix?
Thanks for watching. Not sure why you wrote the same comment mutltiple times, but anyways 😅:
Please clone the repo and try again, thanks! Cheers, Sven ✌️
Thank yoiu Very, Very Much Brother
My pleasure! Appreciate you taking the time to watch and leave a comment. Cheers, Sven ✌️
Great video my friend ty 🙏
Thank you! -Sven ✌️
I always wanted to create my own GUI app, thank you so much! :)
Thanks for watching and happy coding, Florian! Cheers, Sven ✌️
This tutorial is just too awsome!
Glad you liked it! Cheers, Sven ✌️
Wao, new video style, that's amazing. You really give me lots of motivation & ideas in Pythons Sven!!! Hope you all the best and look forward to more and more contents.
Yes, I tried to switch it up and change my intro style. I'm still not super confident in front of the camera, but hopefully, I'll get there. Anyway, thanks for tuning in! It's great to hear that my videos boost your motivation. Happy coding! Cheers, Sven ✌️
@@CodingIsFun Thank you very much , just wonder you can consider marking some contents about machine learning in Streamlit or more instruction to Taipy 😀.
is it possible to go from exe back to py?
Not sure. But what would be the use case for that?
@@CodingIsFun Laundry Bussiness has an app, they hire me to edit it because it seems to have some bugs, but they don't have the source code.
This is great Sven. Love the sharing
Glad you enjoyed it! Cheers, Sven ✌️
Good god, I don't know who told you that this captioning was a good thing to do...but they lied. Closed Captioning has its place. Use it not your own captioning because that annoying colored square can not be turned off.
Thanks for watching and your feedback. Cheers, Sven ✌️
shush
@@CodingIsFunI agree. Great vid tho!
And if you’re worried about your English, it’s top notch.
agree,the highlighted are annoying
1:40 start