Biểu tượng Qt QPushbutton phía trên Văn bản

Question

Khi tôi tạo một QPushButton với một Biểu tượng theo mặc định sẽ hiển thị văn bản ở bên phải của biểu tượng. Có cách nào để hiển thị văn bản bên dưới biểu tượng không?

Answer 1

Nếu bạn có thể, điều đơn giản nhất để làm là sử dụng một QToolButton thay vì:

QToolButton* button = new QToolButton(this); 
button->setToolButtonStyle(Qt::ToolButtonTextUnderIcon); 
button->setIcon(myIcon); 
button->setText("Sample text"); 

---

Nếu đó không phải là một lựa chọn bạn có thể xem xét việc tạo nút phụ tùng của riêng bạn, có thể có nguồn gốc từ QPushButton hoặc QAbstractButton. Trong trường hợp này, bạn có thể sẽ không tập trung hầu hết các nỗ lực của bạn vào việc thực hiện lại paintEvent().

[Edit: đọc những ý kiến ​​giải pháp thay thế mà có lẽ là cách đơn giản hơn thế này]

Answer 2

Sử dụng Qt Creator, và ở khung phía dưới bên phải, bạn sẽ thấy một tùy chọn 'textFormat', trong đó chọn ToolButtonTextUnderIcon.

Answer 3

QPushButton { 
    padding: -25px 0 10px 0; 
    border: 1px solid black; 
    border-radius: 2px; 
    background-position: center bottom; 
    background-repeat: no-repeat; 
    background-origin: content; 
    background-image: url(":/new/resource/accept.png"); 
} 
QPushButton:disabled { 
    background-image: url(":/new/resource/accept_b.png"); 
}