cách mã nút Hình ảnh trong PyQt?

Question

Tôi đang cố gắng thực hiện trình phát âm thanh đơn giản, nhưng tôi muốn sử dụng hình ảnh (biểu tượng) làm nút bấm.

Answer 1

Tôi đã thấy rất nhiều người gặp vấn đề này và quyết định viết một ví dụ thích hợp về cách khắc phục. Bạn có thể tìm thấy nó ở đây: An example on how to make QLabel clickable Giải pháp trong bài đăng của tôi giải quyết vấn đề bằng cách mở rộng QLabel để nó phát ra tín hiệu được nhấp(). QLabel mở rộng trông giống như sau:

class ExtendedQLabel(QLabel): 

    def __init__(self, parent): 
     QLabel.__init__(self, parent) 

    def mouseReleaseEvent(self, ev): 
     self.emit(SIGNAL('clicked()')) 

Tôi hy vọng điều này sẽ hữu ích!

Answer 2

Một cái gì đó như thế này, có thể?

import sys 

from PyQt4.QtGui import * 
from PyQt4.QtCore import * 

app = QApplication(sys.argv) 
widget = QWidget() 
layout = QHBoxLayout() 
widget.setLayout(layout) 
button = QPushButton() 
layout.addWidget(button) 
icon = QIcon("image.png") 
button.setIcon(icon) 
widget.show() 
app.exec_() 

Answer 3

Bạn có thể phân lớp QAbstractButton và tạo nút của riêng bạn. Dưới đây là một ví dụ đơn giản cơ bản:

import sys 
from PyQt4.QtGui import * 

class PicButton(QAbstractButton): 
    def __init__(self, pixmap, parent=None): 
     super(PicButton, self).__init__(parent) 
     self.pixmap = pixmap 

    def paintEvent(self, event): 
     painter = QPainter(self) 
     painter.drawPixmap(event.rect(), self.pixmap) 

    def sizeHint(self): 
     return self.pixmap.size() 

app = QApplication(sys.argv) 
window = QWidget() 
layout = QHBoxLayout(window) 

button = PicButton(QPixmap("image.png")) 
layout.addWidget(button) 

window.show() 
sys.exit(app.exec_()) 

Đó không phải là cách siêu dễ dàng, nhưng nó mang lại cho bạn nhiều quyền kiểm soát. Bạn có thể thêm pixmap thứ hai và vẽ nó chỉ khi con trỏ chuột di chuột qua nút. Bạn có thể thay đổi hành vi kéo dài hiện tại thành trung tâm. Bạn có thể làm cho nó có không phải là một hình chữ nhật và vân vân ...

Nút rằng những thay đổi hình ảnh trên di chuột và khi ép:

from PyQt4.QtGui import * 
from PyQt4.QtCore import * 

class PicButton(QAbstractButton): 
    def __init__(self, pixmap, pixmap_hover, pixmap_pressed, parent=None): 
     super(PicButton, self).__init__(parent) 
     self.pixmap = pixmap 
     self.pixmap_hover = pixmap_hover 
     self.pixmap_pressed = pixmap_pressed 

     self.pressed.connect(self.update) 
     self.released.connect(self.update) 

    def paintEvent(self, event): 
     pix = self.pixmap_hover if self.underMouse() else self.pixmap 
     if self.isDown(): 
      pix = self.pixmap_pressed 

     painter = QPainter(self) 
     painter.drawPixmap(event.rect(), pix) 

    def enterEvent(self, event): 
     self.update() 

    def leaveEvent(self, event): 
     self.update() 

    def sizeHint(self): 
     return QSize(200, 200) 

Answer 4

Một lựa chọn khác là sử dụng stylesheets. Một cái gì đó như:

from PyQt4 import QtCore, QtGui 
import os 
... 

path = os.getcwd() 
self.myButton.setStyleSheet("background-image: url(" + path + "/myImage.png);") 

Answer 5

Bạn có thể sử dụng QToolButton với thiết lập thuộc tính autoraise true và ở đó bạn cũng có thể đặt hình ảnh của mình.