Awesome Python Tkinter GUI drag & drop builder!

hey what's crack and jack i found a good drag and drop builder gui builder for tk inter to build guise but you can look at it while you're building it and for someone like me that's really helpful because i'm not a designee type person and it's actually useful so you don't have to rely on another website or the api the other one so let me show you i'm like so excited i'm barely even going to speak english although it's my first language but just stay with me because although you still need to learn tk inter tk into being the gui builder in the standard library for python you still need to learn it and there is a bit of a learning curve so you still need to understand how it works this doesn't negate that part but it makes life a whole lot easier all right this is it this is it here i'm going to call it pie goo boo that may be wrong but gooey's a weird name anyway and or it's gabu gubu paigabu pai gubu i'm gonna call it pie gubu and it's free in open sourced by this person here from argentina who's done an excellent job i'll i'm not even gonna do it mate it's gonna be i'm gonna butcher it fantastic work okay so this isn't gonna be a full tutorial this is just hey look there's this shiny thing that works really well go and have a look but maybe i'll break it down further if people get stuck but it's called piegoobu it's in github there's two parts to it though so you've got the pie gubu and it's a rapid development tool it's saved as an xml file and it's fantastic but you need the pi google builder so the it looks like this pi gooby part is the part that saves and reads the xml file but the pi google builder is the actual interface to put it together so this is the github page for pi google you can just pip install pygubu that's fantastic and this is what it gives you an xml file of all the different properties and things like that um and it it it shows you what you've got to do i will put a link to it in the description so that's by gooby but first you need pi gooby designer here two different repositories so pai gubu designer is this the actual drag and drop you know the actual interface to build the graphical user interfaces i don't know how to say it's like the interface to build the interfaces but this is it here and i i think it might be even built in to get into it so this is a screenshot we're going to pull it up i'm going to pull it up but i just wanted to say that you need to get pie gubu designer and the pie gubu itself so this designs it and then the straight up pie gruber is the one that does the xml file part as far as i can tell but none of this will work if you don't have both of them read the instructions carefully it's a bit tricky but once you get there it is totally worth it there's also a wiki that's it's not bad like you know you can't you can't be knocking free software like these people put effort into it so this is me trying to contribute and help because it took me such a long time to install it but anyway there is a wiki there it does help it is helpful you also just need to understand how tk intel works so this doesn't negate that part let's look at the the main the main star of the show here it is so good i'm so excited what took me like over a week to build i think i did it in like two hours once i got this up and running it is so good okay here is our main attraction i've rearranged the screen a bit so hopefully you can see it read it it's readable or maybe it's because i have bad eyesight one of the two but this is the builder so quick little run through this isn't a full tutorial though but it's it's pretty user friendly so you got your containers you know your frames your label frame notebook controls and displays say buttons canvas check buttons combo box entries all those little bits and pieces you've got arrows there there's more it's pretty damn fancy you got your menus so all these are available in the tk enter library anyway sort of thing but this makes it so much easier it just lays it all out you've got your different windows i think we just did that um and then you've got your scroll frames and tree views and dialogues and combo boxes and probably one of the most important parts is this part here so this is ttk widgets then you've got t k there when you select that they're different widgets because you have tk and you have ttk so that still applies in this so you need to understand what those two different things are but let's just chuck something together so i can show you the code tab which is really cool and there's different themes look at this ttk themes look you can change the themes look at that isn't that cool all right okay sorry i'm excited so these this is your button and then you've got these options now these all these properties are available in the normal tk into entries like when you're coding them but you've kind of got to be aware of them and and i really like with this how it brings them up for you as an option to kind of prompt you at the same time because you go oh i didn't know i could do that what happens if i type that in you know and if you look and hover it tells you what it is foreground specifies the normal foreground color to use when displaying the widget like if you what's pad y specifies a non-negative value indicating how much extra space to request for the widget in the y direction like it gives a little descriptions as well so if you don't know what it does it also has the descriptions on there too when you hover so and there's a color picker which is awesome because i don't really know those numbers well look at that okay that was the wrong thing but then you've got your layout options you pack you greet your place it moves as you do it so then you can see you can get all right nice and placed well etc you ready you know what really excites me about this you go at the top to code only that for the application so that generates an xml file which you then reference in your code but you can also do this so if you go across the code code script generate that's your actual code so you can see you've got your entry widgets you've got your button widgets so you can just copy and paste that if you want so you can design it and get it all looking all nice without having to constantly run your script and you know fiddling around and then go across to the code and you can export it as an xml file and reference it that way or you can also just copy and paste the actual code itself and it's already laid it all out for you and then you can make extra changes if you want it is so cool it is really cool and i haven't really done it justice in this really quick walkthrough but i absolutely recommend it if you are playing around with tk intel you still need to understand how tk insert works this helps me to speed up development great because design and layout isn't really my strong point more of a backend type person check it out it is so good or if you know of any other good gui builders for tk instead let me know i know there's one online there's like a drag and drop one which was it was helpful um wasn't really what i was looking for and there's another one that does through the api i think for figma or something it's a little bit fiddly around with me and i don't want to really have to rely on another additional service to kind of get it back and it didn't look like the code was that editable afterwards um whereas this you can still change things like it's still readable um but they're all great free open source projects not knocking them in any way shape or form but i found this one to be the simplest and kind of user friendly once you get it up and running just remember there's pi goobu and there's pygubu designer you need those two parts anyway this video is going to go on forever i could probably do like a 100 hour tutorial on this thing it is so good but i won't because i don't want to inflict that much pain on the world let me know if you find it helpful

Channel: Coding Zoe

Views: 2,722

Keywords: Python, Tkinter, Python GUI, GUI, Tkinter builder, Python GUI builder

Id: CS3_uVTUaII

Length: 7min 57sec (477 seconds)

Published: Thu Oct 14 2021