MrDevKnown

Showing posts with label pyqt5. Show all posts

PyQt5 is a very powerful python gui development framework. This post shows the complete installation and setup of PyQt5 with qt designer tool.

First you need to install Python for this. ALso, make sure the the path is added to the path vatiables. Then open the Windows terminal, cmd and type pip and press enter. If it shows an error then that means, python is not added to path. If it works, then follow the below steps to install and setup pyqt5.

PyQt5 Installation Setup


$ pip install pyqt5

Type the above code in Windows terminal and press Enter key. Wait for the installation

PyQt5 Tools Setup


$ pip install pyqt5-tools

This code will install PyQt5 tools such as qt designer to make the gui.

Qt Designer path


C:\Users\$Username$\AppData\Local\Programs\Python\Python39\Lib\site-packages\qt5_applications\Qt\bin

Note: Edit the $username$ with your username in the above path.

This is how the qt designer window looks like...

Qt designer mrdevknown tutorial. Setup PyQt5 and install qt designer for python.

So, I think that's it for this post... See you in the next.

When you are working with PyQt5, you are using the default OS style of application. The design looks very simple for apps. So, if you are making a cutom app, you will cuystomise the top bar in few cases to have a better design. So, when you are customising the design, you will see that the window has no longer been movable. Thus, you need to write the logic to make the window movable again.
The default Window app style looks like this

The code for doing this is given below...

PyQt5 draggable window Code

.ui to .py file conversion

Qt designer is a designer for GUI. We can designs in it and then save them as a .ui file. When you are working with PyQt5 for making GUI in python, you have to export the .ui file to a .py file. We can do this by using qt-tools. pyuic5 command is used in Python to do this. Go to the path where the ui is saved and enter the below command.

pyuic5 command to convert .ui to .py


$ pyuic5 xyz.ui -o xyz.py

Note: Edit the xyz.ui with the UI file name and xyz.ui with the python file name you want to give to the design in the above command.

To setup complete PyQt5 with Qt tools and install Qt Designer,
Click here

So, I think that's it for this post... See you in the next.

The code for doing this is given below...

PyQt5 draggable window Code


class movable(QtWidgets.QWidget):
    def __init__(self):
        super(movable, self).__init__()
    def mousePressEvent(self, event):
        if event.button() == QtCore.Qt.LeftButton:
            self.dragPosition = event.globalPos() - self.frameGeometry().topLeft()
            event.accept()
    def mouseMoveEvent(self, event):
        if event.buttons() == QtCore.Qt.LeftButton:
            self.move(event.globalPos() - self.dragPosition)
            event.accept()

You will have to first make a class like this. Then you have to pass the class as parameter in the main window code. Like this...


class mainWindow(movable, Ui_Form):
    def __init__(self):

Here UI form is the form of the design.

So, I think that's it for this post. See you in the next...

Make your own Python IDE + Text Editor like Notepad:

July 17, 2021, 4:33:43 PM (MrDev in a deep thought)

If you have used Python, you must be aware of the Python shell (the IDLE). We have one place where we write the code and to run the code, we need to switch between the windows. Some brilliant mind will say (with a sarcastic sound) "He calls himself a programmer and he is talking about IDLE... Lol hahaha."

Shut up! Okay? I use IDEs but something that you have made, even its worse than what you think that was worse, you will like that! And a programmer builds things. This is his work.

Now in this project, I created my own IDE with python using Tkinter.

Now let me assume that some of you are from Mars and they don't know what IDEs actually are? So basically, IDE stands for Integrated Development Environment. It provides a collection of different things needed for coding and creates an environment for coding fast. Well its obvious that I could not make something at once that can directly challenge VS code (one of the leading IDEs in). But I can make something more similar to a text editor (like Notepad). And basically, what we actually want in programming is a section to run the program and display the output. So, can't we combine the output and the editor part in the same window. So, it reduces our work to switch between the windows like we do in IDLE.

Well, that's all about the idea. I am going to create a new notepad. But don't laugh. Okay. It would have some more features than notepad. Believe me! Let's start!

>>> Test 1: ✔
>>> Test 2: ✔
>>> Test 3: ✔
>>> Test 4: ✔
...

Code Link

Make your own Web Browser in Python using PyQt5. PyQt5 is a very powerful Python framework to make modern GUIs. With help of Python PyQt5 QtWebWidgets, it is very easy to amke your own custom web browser with a few lines of code.

PyQt5 Basic code


import sys
from PyQt5.QtCore import *
from PyQt5.QtWidgets import *

class MainWindow(QMainWindow):
    def __init__(self):
        # Main Window
        super(MainWindow, self).__init__()
        self.showMaximized()

app = QApplication(sys.argv)
QApplication.setApplicationName("Browser")
window = MainWindow()
app.exec_()

PyQt5 Browser code using QtWebEngine


import sys
from PyQt5.QtCore import *
from PyQt5.QtWidgets import *
from PyQt5.QtWebEngineWidgets import *

class MainWindow(QMainWindow):
    def __init__(self):
        # Main Window
        super(MainWindow, self).__init__()
        self.browser = QWebEngineView()
        self.browser.setUrl(QUrl('https://google.com'))
        self.setCentralWidget(self.browser)
        self.showMaximized()

        # nav bar
        navBar = QToolBar()
        self.addToolBar(navBar)

        backBtn = QAction("Back", self)     # back Button
        backBtn.triggered.connect(self.browser.back)
        navBar.addAction(backBtn)

        forwardBtn = QAction("Forward", self)   # forward Button
        forwardBtn.triggered.connect(self.browser.forward)
        navBar.addAction(forwardBtn)

        relBtn = QAction("Reload", self)    # Reload Button
        relBtn.triggered.connect(self.browser.reload)
        navBar.addAction(relBtn)

app = QApplication(sys.argv)
QApplication.setApplicationName("Browser")
window = MainWindow()
app.exec_()

The final look of the browser after the above code.

Make your own Web Browser in Python - Python PyQt5 tutorial - QtWebEngineWidgets

So, I think that's it for this post. See you in the next...

Make your own Python IDE + Text Editor like Notepad:

July 17, 2021, 4:33:43 PM (MrDev in a deep thought)

Shut up! Okay? I use IDEs but something that you have made, even its worse than what you think that was worse, you will like that! And a programmer builds things. This is his work.

Now in this project, I created my own IDE with python using Tkinter.

Well, that's all about the idea. I am going to create a new notepad. But don't laugh. Okay. It would have some more features than notepad. Believe me! Let's start!

>>> Test 1: ✔
>>> Test 2: ✔
>>> Test 3: ✔
>>> Test 4: ✔
...

Code Link

PyQt5 Installation Setup

PyQt5 Tools Setup

Qt Designer path

PyQt5 draggable window Code

.ui to .py file conversion

PyQt5 draggable window Code

PyQt5 Basic code

PyQt5 Browser code using QtWebEngine

ABOUT ME

POPULAR POSTS

Categories

Search This Blog

Archive

Categories

Translate

Pages

Popular Posts

Music Player web app made in HTML, CSS, Javascript

Top must have windows software for a developer

Javascript code to display a welcome message after accepting the name of the user using a prompt box

Popular Posts

Labels

PyQt5 Installation Setup

PyQt5 Tools Setup

Qt Designer path

PyQt5 draggable window Code

.ui to .py file conversion

PyQt5 draggable window Code

PyQt5 Basic code

PyQt5 Browser code using QtWebEngine

ABOUT ME

POPULAR POSTS

Categories

Search This Blog

Archive

Subscribe

Subscribe

Categories

Translate

Pages

Popular Posts

Music Player web app made in HTML, CSS, Javascript

Top must have windows software for a developer

Javascript code to display a welcome message after accepting the name of the user using a prompt box

Trending Articles

Popular Posts

Labels