PyQt5 - Create circular Push Button

PyQt5 - Making circular combo box

Last Updated : 10 May, 2020

In this article we will see how we can create circular combo box. Combo box widget is not like other widgets it consist of many other widget together for example text view, push-button, line edit etc. In order to make the combo box circular we have to change the style sheet associated with the combo box, below is the stylesheet code -

QComboBox
{
border : 1px solid black;
border-radius : 50px;
}

Notes:

Width and height of combo box should be same and border-radius should be half of the width,
It only make combo box main widget i.e text view part circular it has no effect on the push button.

Below is the implementation -

Python3 1==

# importing libraries
from PyQt5.QtWidgets import * 
from PyQt5 import QtCore, QtGui
from PyQt5.QtGui import * 
from PyQt5.QtCore import * 
import sys


class Window(QMainWindow):

    def __init__(self):
        super().__init__()

        # setting title
        self.setWindowTitle("Python ")

        # setting geometry
        self.setGeometry(100, 100, 600, 400)

        # calling method
        self.UiComponents()

        # showing all the widgets
        self.show()

    # method for widgets
    def UiComponents(self):
        # creating a check-able combo box object
        self.combo_box = QComboBox(self)

        # setting geometry of combo box
        self.combo_box.setGeometry(200, 150, 100, 100)

        # geek list
        geek_list = ["Sayian", "Super Sayian", "Super Sayian 2", "Super Sayian B"]

        # adding list of items to combo box
        self.combo_box.addItems(geek_list)

        # setting stylesheet of the combo box
        self.combo_box.setStyleSheet("QComboBox"
                                     "{"
                                     "border : 1px solid black;"
                                     "border-radius : 50px;"
                                     "}")

# create pyqt5 app
App = QApplication(sys.argv)

# create the instance of our Window
window = Window()

# start the app
sys.exit(App.exec())

Output :

PyQt5 - Create circular Push Button

R

rakshitarora

Improve

Article Tags :

Practice Tags :

python

Similar Reads

PyQt5 - Making capsule shaped combo box

In this article we will see how we can create capsule-shaped combo box, combo box widget is not like other widgets it consist of many other widget together, for example, text view, push button, line edit etc. In order to make the combo box circular we have to change the style sheet associated with t

PyQt5 Combo Box â€“ Different border color

In this article we will see how we can create a multi-colored border to the combo box, when we set border to the combo box it is of same color for all the walls although we can change color of it respectively. Below is the representation of how multi-colored border looks like - In order to do so we

PyQt5 - Create circular Push Button

In this article we will see how to create circular push button. By default, when we create a push button it is in rectangular form although we can also change it size to square. In order to create circular button we have to do following steps: 1. Create a push button. 2. Change its size to make it s

PyQt5 - Combo Box with check-able items

In this article we will see how we can make a combo box who have check-able items. By default when we create a combo box its items are not check-able i.e we can select any one item at a time although we can create such combo box by editing the combo box class. Below is the representation of how chec

PyQt5 - Setting background image to ComboBox

In this article we will see how we can set background image to the combo box. By default combo box has no image although we can set image to it. Below is the representation of combo box with background image. In order to do this we have to change the style sheet associated with the combo box, below

PyQt5 Combo Box - Background image to down arrow

In this article we will see how we can add background image to the down arrow of the combo box. Down arrow is the component of combo box which acts as a push-button used to show the list view. Below is the representation of how background image to a down arrow looks like In order to do this we have

PyQt5 - Setting name of Combo Box

In this article we will see how we can set name to the combo box, name is basically used to distinguish combo boxes with each other, programmer can name the combo box according to its use so that they can be easily distinguishable, by default no name is given to the combo box. In order to set the na

PyQt5 - Bordered Check Box

In this article we will see how to set border to a check box. By default there is no border available to the check box like it is present in push button although the indicator of check box has its own border. Below is how normal check box looks like vs the bordered check box looks like. In order to

PyQt5 - Add border to ComboBox

In this article we will see how to add border to the combo box, by default combo box have border although we can change the border. Below is the representation of normal combo box vs the combo box with customized border. In order to do this we have to change the style sheet associated with the combo

PyQt5 â€“ Background color to editable ComboBox

In this article we will see how to set the background color to the combo box when it is in editable. By default combo box is of grey color although we can change its color. This background color only appear when combo box widget will be in editable state. There are two ways of setting background col