Drop downs and styles - PyQt with Python GUI Programming tutorial 10

Key Takeaways

what is going on everybody Welcome to the 10th python with pqt video series tutorial in this video what we're going to be talking about is adding a drop- down menu but also or a drop- down button rather and also changing the style of our window so that's actually what our drop down will be it'll be about the style of the window and users will be able to choose different styles for their window so let's go ahead and just Jump Right In so we're going to add this style this button we'll do it to home we could put it in the in it this one it would make a little sense maybe to put in the in it but since this is a button like if you were going to have something that changed the style you'd probably have it in the main menu but I want to show you a drop down menu or a drop down button I keep calling it menu if I was showing you drop down menu we put it in the main menu I want to show you drop down button so I'm going to put it in home because that makes the most sense but really if you were going to change style you'd put it in the main menu and you'd have it up here but it's a tutorial I'm trying to teach a drop down but button shoot killing two birds one stone so coming down here we're just going to add some more stuff and we're going to say self. style Choice uh style Choice equals QT gooey. Q label now we haven't actually even shown labels yet but here you go and uh first we'll start with just windows and actually I believe mine will be Windows I'm on Windows 7 but I think the default is actually Windows Vista uh you can put whatever you want in here it does not really matter you I'll show you actually how you can find out what you're using uh so we'll pass self so to find out exactly what the default style is what you can do is you can just we'll just print it out print um self. style empty parms doob name camel case that object name and that'll tell you the style you're currently using I'm almost positive mine actually uses Windows Vista even though you're on I'm on Windows 7 now now that we've done that we're going to create what's called uh the Q combo box but the combo Box means a drop down button so anyway combo box equals QT gooey. Q combo box self um then we're going to say combo box. add item and now we're going to add all of the various items now there's uh there should be about six maybe some more some less depending on what operating system you're on but add these if they don't exist it won't like crash or it shouldn't at least it didn't for me it just won't change your style so you have some choices there's Motif and then there is uh regular windows then there will be uh CDE and then there is plastic and then you've got clean looks actually it's not C case clean looks like that and then Windows Vista I'm kind of a fan of the clean looks but whatever so now that you've got that added what we want to go ahead and do is let's move our combo box so we're going to say uh combo box. move we're going to move it to 5250 that should be good self. um and then we're going to say uh where did sty choice right itself. style choice uh. move we'll move it to 5150 and then we're going to say combo box. activated so this will be like the default um and it also it'll display what's uh activated so we'll say string.c connect and then we'll connect to self. um this I'll throw me for a loop uh we'll be fine actually style underscore Choice like that so once we've done that we're going to come down here and we need to Define our method of style choice so this is all the gooey aspect stuff so the combo box placing it and showing the current value other than that what we need to do now is create the method which is actually going to do something with the choice so Define a style Choice whoops and we need to pass self then what do we want to do well we're going to say uh self. style Choice dot uh set text uh to text so St let me go back up here right so this will set our text so self. style choice is just the label that is saying what it is and then the button should also say it as well but we're just going to show labels really quick too uh see self dots where am I style Choice that's self. style Choice set text text and then we're going to say qtgui doq application. set style and we're going to set this Style to qtgui doqs Style Factory factory. create text okay so what this does is it just sets the style of your guey to whatever there's certain types of Q style factories and those these are the types here the major types but again you might have something like you might have like Macintosh right if you're running a Macintosh you have that style and it's probably your default uh but otherwise you generally everyone will have at least uh not Windows Vista but everyone should have these for sure anyway uh that should be it unless I messed up and because we call in a lot of things sty choice here so it's totally possible I screw something up let's run and find out so here is our our choice Windows Vista right now Motif is the one that's selected we need to we should probably move that up but anyway let's click on Motif H there we go uh text so okay so obviously um let's go text let's close this self style Choice obviously needs the text parameter try one more time there we go okay so you can see here when I clicked windows that changed we can do the download and you can see that's a little different you can check the boxes here you can see that's a little different and even like moving this thing around you can see that things are just it's just acting quite a bit different got Windows CDE is like an old school kind of look uh very basic and then you've got things like plastique plastic is pretty cool I like that plastic might be the one I was thinking of actually that I prefer um and then clean looks yeah I like clean looks too they're kind of close I suppose and anyway and you can like move these around so you can kind of decide which you like better uh as far as all these variations so you personally can kind of come through and uh you can change the default style so these these Styles should go with you like like plastic Motif CDE uh and clean looks these are all possible to uh move cross platforms so if you wanted it to look like this all the time then you would use plastique you would just need to reset that so it doesn't use the person's default style otherwise everything else pretty much Remains the Same all the code Remains the Same and stuff like that but there's like a lot of little minor changes I think things look a little better with plastic you know I just can't tend to like it but plastic or clean looks are probably the best um but I like this one a lot especially because it has it adds a scroll bar when things are a little too small as opposed to like clean looks which didn't it just like stuffed them all in there that's funny uh anyway uh that's that if you guys have any questions or comments up to this point please feel free to leave them below otherwise as always thanks for watching thanks for all the support and subscriptions and until next time