Hello friends, I am back with my next tutorial on the python Gui programming with the PyQt kit.
So,hope you prepare your environment for the programming, If not so read my last post on how to setup your environment for the PyQt development.
So, let's start developing our first Gui app.
Que:- So,What Gui is?
Ans:- The Term GUI stands for the Graphical User Interface. When we want to talk about our hardware we have basically two methods one is command line interface and the another is Graphical Interface, The Graphical Interface is the user interface through which a user interact with the amazing piece of hardware with graphical icons, visual indicators etc.

A PyQt Gui app have mainly five types of window
1) Dialog with Button at bottom
2)Dialog with Buttons at right
3) Dialog without Buttons
4)Main windows
5)Widget

In an GUI application dialogs play an important role they can be make announcements in the application like user asked to close the window or error occured and a lot more. In my imagination an application without the dialog is impossible to construct.
Dialogs are mainly of two types: - 1) Modal Dialog               2) Modeless Dialog

1) Modal Dialog:- A modal dialog is one which upon invoked takes all the control of the application. It means it is the only one through which the user can interact,when it is on the screen the whole application becomes dumb to the user. The user can interact to the application only after closing the window.

2)Modaless Dialog:- The other type of the dialog is modaless dialog. When this type of dialogs are invoked a user can interact the dialog as well as the whole application. There is no restriction to the user. This type of dialogs are used mainly to update the main window gui.

Let us understand the Modal dialog by implementing its code. So, here is the outline of what our application going to do, suppose we want to build an app in which we have all the records of our company employee and only a trusted people can see those records. In such case we want to implement an login mechanism first. If user successfully logged into the application only till it will see the list of employee otherwise it have to close the application. To build such application we think to implement the dialog window first and then show our main window only if we get the successfull login.

Now let us start the fun part by coding our application dialog.

To make the process easier I commented the whole code. Don't worry if you don't understand the code we will go through it line by line in the future tutorials.

from PySide.QtGui import * from PySide.QtCore import * import sys class login_dialog(QDialog): #Creating a subclass from the PyQt QDialog class '''Our main dialog class for the dialog window''' def __init__(self,parent=None): super(login_dialog,self).__init__() #initializing the QDialog with parent=None, We will get to it in the next tutorial self.setWindowModality(Qt.WindowModal) #making our dialog to the modal type self.gridlayout = QGridLayout() #Creating the layout to hold our widgets #A widget is just like a placeholder where we hold the user input or any specific value #QLabel widget is used to hold the label value #signature of QLabel is QLabel() or QLabel('Name_of _the_label') self. name = QLabel('Name:-') #QLineEdit is used to take the userinput through the keyboard self.name_line = QLineEdit() #This instruction is used to hold the widget in our layout #Signature of the instruction is # layout_name.addWidget(widget_name.row,column,rowspan,colspan) # rowspan and columnspan are optional #Adding the name widget to our main grid layout self.gridlayout.addWidget(self.name,0,1) #Adding the line widget to our main grid layout We stretch our widget to two column self.gridlayout.addWidget(self.name_line,0,2,1,2) #feel free to experiment with rowspan and colspan change the size of the rowspan and columnspan #then observe the result in the final gui #Creating a password label self.password = QLabel('Password:-') #creating an input method to hold the password self.pwd_line = QLineEdit() #Setting the echo mode of the password pwd_line method to the * #It means when you type the password in the field it will show you star of black dots #to check the difference first comment the line run your app and then uncomment again see the difference self.pwd_line.setEchoMode(QLineEdit.Password) self.gridlayout.addWidget(self.password,1,1) self.gridlayout.addWidget(self.pwd_line,1,2,1,2) #QPushButton is used to create the button on the layout # Signature is QPushButton('name of the button') #Creating the buttons for the login and cancel self.ok_btn = QPushButton('Login') self.cancel_btn = QPushButton('Cancel') self.gridlayout.addWidget(self.ok_btn,2,2) self.gridlayout.addWidget(self.cancel_btn,2,3) #setting the layout self.setLayout(self.gridlayout) #Focusing the login name edit box so that when user run the app cursor will be there self.name_line.setFocus() #Our show function to show the application on the desktop def show(): #creating the main application instance #this is the main instance which is responsible to run our application # QApplicaton function takes an argument and an empty string # this function can used pass the command line argument to the application # Signature of the function with arguments QApplication(sys.argv) app = QApplication([]) #here in our app we used it without arg login = login_dialog() #creating the instance of our dialog class login.show() #showing the application on the desktop screen sys.exit(app.exec_()) #finally running our application if __name__ == '__main__': show() #calling our show function to the screen

Copy and paste the code to your file save it with the extension filename.pyw on windows.Double click on it to run the file.

Here is the output of the code:-

Don't worry we will come to the code bit by bit in the next tutorial.
Till then Happy Programming.
Have a great weekend.

Hello friends, first I want to say sorry to all of you for my absence till such a long time. I hardly come online in this period because of my personal issues. But now its all set so here we again.
Today I want to discuss a common problem arising for the people when they want to learn gui programming. So, I am thinking to start a gui programming tutorial series.
The first question comes in mind when we start to learn the gui programming is which language suits me best. The answer definitely depends upon your choice and command on the language. But in this tutorial series what I am following is Python. Because its really a simple language to start the fun part of the programming.
In this 1st part of our series adventure. I am going to tell you how to setup the environment for the programming.

Prelim for the tutorial series:-
1) A Basic knowledge of Python.
2) A Basic knowledge of class (Object Oriented) in Python.
3) A Trust in me. :) As all the three prelim are important for the series, but still the last one is mandatory. :D (Just Kidding :D )

Installing Python and PyQt on Windows:-
1) Go to the Python official site and download the python 2.7 package. It is the one which we follows in all our series. The link for the python official site is given below:-
 https://www.python.org/download/releases/2.7/
2) After installing the Python on the system update the Path variable of the window with Python interpreter location.

Note down the path shown above to update the path variable on Windows.

3) Now comes the other part download the PyQt package for the python. There are two main package available for the Python one is PyQt4 and other is PyQt5. PyQt4 is which we used in our complete series. Be aware when downloading the packages. Because these are for the Python 2.7 and Python 3 .Please download those which are compatible with the Python 2.7.
 A link of the official website is given below:-
https://www.riverbankcomputing.com/software/pyqt/download
                                               Or
You can use python pip command to install the PyQt4
4) After Downloading the package double click on it choose the right path (where python installed mine is shown in the pic below) to install the PyQt otherwise python interpreter will not find it.

5)After installing it open the python interpreter and run the following command:-
 from PyQt4 import *

If it is success means not showing any error then we successfully install python and PyQt4 on the system. You can see no error in the pic above. Congratulations You completed the first step of your journey. And now You have a road in front of you ahead.... In the next part of our series we are going to learn some basics of Gui and develop our first Gui application.
Bye Bye till the next part.
Happy programming..