PYQT TUTORIAL
CÁC CHỦ ĐỀ
BÀI MỚI NHẤT
MỚI CẬP NHẬT

Thông báo: Download 4 khóa học Python từ cơ bản đến nâng cao tại đây.

Cách sử dụng widget QPushButton của PyQt

Trong giao diện người dùng, nút bấm (push button) là một trong những thành phần cơ bản và quan trọng nhất. PyQt, một thư viện phổ biến cho việc phát triển ứng dụng Python với giao diện đồ họa, cung cấp widget QPushButton để tạo các nút bấm với nhiều tính năng linh hoạt. Trong bài viết này, bạn sẽ tìm hiểu cách sử dụng widget QPushButton trong PyQt để tạo và tùy chỉnh nút bấm, từ cơ bản đến nâng cao, bao gồm cả việc thêm biểu tượng và sử dụng nút bấm như một nút chuyển đổi.

test php

banquyen png
Bài viết này được đăng tại freetuts.net, không được copy dưới mọi hình thức.

Giới thiệu về widget PyQt QPushButton

Lớp QPushButton trong PyQt cho phép bạn tạo một widget nút bấm, có thể là nút bấm thông thường hoặc nút chuyển đổi (toggle button).

Để tạo một nút bấm, bạn thực hiện các bước sau:

Nhập (import) QPushButton từ module PyQt6.QtWidgets:

Bài viết này được đăng tại [free tuts .net]

from PyQt6.QtWidgets import QPushButton

Tạo một đối tượng QPushButton với văn bản hiển thị trên nút:

button = QPushButton('Click Me')

Kết nối tín hiệu clicked với một callable:

button.clicked.connect(self.on_clicked)

on_clicked là một phương thức được thực thi khi nút bấm được nhấn.

Dưới đây là chương trình đầy đủ hiển thị một nút bấm trên cửa sổ:

import sys
from PyQt6.QtWidgets import QApplication, QWidget, QPushButton, QVBoxLayout

class MainWindow(QWidget):
    def __init__(self, *args, **kwargs):
        super().__init__(*args, **kwargs)

        self.setWindowTitle('PyQt QPushButton Widget')
        self.setGeometry(100, 100, 320, 210)

        button = QPushButton('Click Me')

        # Đặt nút bấm trên cửa sổ
        layout = QVBoxLayout()
        layout.addWidget(button)
        self.setLayout(layout)

        # Hiển thị cửa sổ
        self.show()

if __name__ == '__main__':
    app = QApplication(sys.argv)

    # Tạo cửa sổ chính
    window = MainWindow()

    # Bắt đầu vòng lặp sự kiện
    sys.exit(app.exec())

Kết quả:

PyQt QPushButton Example png

Tạo nút bấm với biểu tượng (icon) trong PyQt

Để tạo một nút bấm có biểu tượng, bạn làm theo các bước sau:

Nhập QIcon từ module PyQt6.QtGui:

from PyQt6.QtGui import QIcon

Tạo một đối tượng QPushButton:

button = QPushButton('Delete')

Thêm biểu tượng cho nút bằng cách gọi phương thức setIcon() của QPushButton với đối tượng QIcon:

button.setIcon(QIcon('trash.png'))

​Lưu ý rằng đối tượng QIcon chấp nhận đường dẫn tới tệp biểu tượng. Để hiển thị biểu tượng trash.png, bạn cần có tệp đó trong cùng thư mục với chương trình Python.

Dưới đây là chương trình đầy đủ để hiển thị một nút bấm với biểu tượng:

import sys
from PyQt6.QtWidgets import QApplication, QWidget, QPushButton, QVBoxLayout
from PyQt6.QtCore import QSize
from PyQt6.QtGui import QIcon

class MainWindow(QWidget):
    def __init__(self, *args, **kwargs):
        super().__init__(*args, **kwargs)

        self.setWindowTitle('PyQt QPushButton Widget')
        self.setGeometry(100, 100, 320, 210)

        button = QPushButton('Delete')
        button.setIcon(QIcon('trash.png'))

        button.setFixedSize(QSize(100, 30))

        # Đặt nút bấm trên cửa sổ
        layout = QVBoxLayout()
        layout.addWidget(button)
        self.setLayout(layout)

        # Hiển thị cửa sổ
        self.show()

if __name__ == '__main__':
    app = QApplication(sys.argv)

    # Tạo cửa sổ chính
    window = MainWindow()

    # Bắt đầu vòng lặp sự kiện
    sys.exit(app.exec())

Kết quả:

PyQt QPushButton button with icon png

Tạo nút chuyển đổi (toggle button) trong PyQt

Lớp QPushButton có thuộc tính checkable cho phép bạn sử dụng nút như một nút chuyển đổi (toggle button).

Một nút chuyển đổi có hai trạng thái bật/tắt (on/off). Nếu nút đang ở trạng thái bật, thuộc tính checked của nút sẽ là True. Ngược lại, nó sẽ là False.

Đối với nút chuyển đổi, tín hiệu clicked sẽ gửi trạng thái của nút, tức là bật hoặc tắt.

Dưới đây là chương trình hiển thị một cửa sổ có nút chuyển đổi:

import sys
from PyQt6.QtWidgets import QApplication, QWidget, QPushButton, QVBoxLayout

class MainWindow(QWidget):
    def __init__(self, *args, **kwargs):
        super().__init__(*args, **kwargs)

        self.setWindowTitle('PyQt QPushButton Widget')
        self.setGeometry(100, 100, 320, 210)

        button = QPushButton('Toggle Me')
        button.setCheckable(True)
        button.clicked.connect(self.on_toggle)

        # Đặt nút bấm trên cửa sổ
        layout = QVBoxLayout()
        layout.addWidget(button)
        self.setLayout(layout)

        # Hiển thị cửa sổ
        self.show()

    def on_toggle(self, checked):
        print(checked)

if __name__ == '__main__':
    app = QApplication(sys.argv)

    # Tạo cửa sổ chính
    window = MainWindow()

    # Bắt đầu vòng lặp sự kiện
    sys.exit(app.exec())

Kết bài

Qua bài viết này, bạn đã nắm vững cách sử dụng widget QPushButton trong PyQt để tạo ra các nút bấm thông thường và nút chuyển đổi (toggle button). Với khả năng tùy chỉnh linh hoạt từ việc thêm biểu tượng, thay đổi kích thước cho đến việc sử dụng nút chuyển đổi, bạn có thể dễ dàng tích hợp các nút bấm vào ứng dụng của mình, mang lại trải nghiệm người dùng hiệu quả và trực quan. Hãy tiếp tục khám phá và áp dụng QPushButton trong các dự án của bạn để tối ưu hóa giao diện và chức năng của ứng dụng.

Cùng chuyên mục:

Cách tạo một widget nhập ngày và giờ sử dụng PyQt QDateTimeEdit

Cách tạo một widget nhập ngày và giờ sử dụng PyQt QDateTimeEdit

Cách tạo một widget nhập giờ sử dụng lớp PyQt QTimeEdit

Cách tạo một widget nhập giờ sử dụng lớp PyQt QTimeEdit

Cách tạo một widget nhập ngày sử dụng lớp PyQt QDateEdit

Cách tạo một widget nhập ngày sử dụng lớp PyQt QDateEdit

Cách sử dụng widget PyQt QSpinBox để tạo một spin box

Cách sử dụng widget PyQt QSpinBox để tạo một spin box

Sử dụng PyQt QComboBox để tạo Widget Combobox

Sử dụng PyQt QComboBox để tạo Widget Combobox

Cách sử dụng lớp PyQt QRadioButton

Cách sử dụng lớp PyQt QRadioButton

Cách sử dụng lớp QCheckBox trong PyQt

Cách sử dụng lớp QCheckBox trong PyQt

Cách sử dụng QFormLayout trong PyQt

Cách sử dụng QFormLayout trong PyQt

Cách sử dụng QGridLayout trong PyQt

Cách sử dụng QGridLayout trong PyQt

Cách sử dụng QVBoxLayout trong PyQt

Cách sử dụng QVBoxLayout trong PyQt

Cách sử dụng widget QLineEdit trong PyQt

Cách sử dụng widget QLineEdit trong PyQt

Cách sử dụng widget PyQt QLabel

Cách sử dụng widget PyQt QLabel

Tín hiệu và Khe (Signals & Slots) trong PyQt

Tín hiệu và Khe (Signals & Slots) trong PyQt

PyQt là gì? Tạo một chương trình

PyQt là gì? Tạo một chương trình "Hello World".

Ứng dụng System Tray với Tkinter

Ứng dụng System Tray với Tkinter

Cách hiển thị đồ thị từ thư viện Matplotlib trong Tkinter

Cách hiển thị đồ thị từ thư viện Matplotlib trong Tkinter

Cách sử dụng Validate trong Tkinter

Cách sử dụng Validate trong Tkinter

Cấu trúc MVC trong Tkinter

Cấu trúc MVC trong Tkinter

Cách sử dụng widget PhotoImage của Tkinter

Cách sử dụng widget PhotoImage của Tkinter

Cách tạo nhiều cửa sổ trong một Tkinter

Cách tạo nhiều cửa sổ trong một Tkinter

Top