一个 Qt 显示图片的控件（继承QWidget，使用QPixmap记录图像，最后在paintEvent进行绘制，可缩放）

Qt 中没有专门显示图片的控件，通常我们会使用QLabel来显示图片。但是QLabel 显示图片的能力还是有点弱。比如不支持图像的缩放一类的功能，使用起来不是很方便。因此我就自己写了个简单的类。

我这个类支持三种图像显示模式，我分别称之为：FIXED_SIZE, CENTRED，AUTO_ZOOM, AUTO_SIZE。

• FIXED_SIZE 模式下，显示的图像大小等于图像尺寸乘以缩放因子，如果控件的尺寸小于这个大小则多出的部分被裁切掉。
• FIX_SIZE_CENTRED模式与FIXED_SIZE 模式类似，但是，显示的图像居于窗口正中。
• AUTO_ZOOM 模式下，显示的图像大小自动适应控件窗口大小。
• AUTO_SIZE 模式下，这个控件的尺寸等于图像尺寸乘以缩放因子。

下面是代码:

1. #ifndef PICTUREBOX_H
2. #define PICTUREBOX_H
3. #include <QWidget>
4. #include <QImage>
5. #include <QPixmap>
6. class PictureBox : public QWidget
7. {
8. Q_OBJECT
9. public:
10. enum PB_MODE {FIXED_SIZE, FIX_SIZE_CENTRED, AUTO_ZOOM, AUTO_SIZE};
11. explicit PictureBox(QWidget *parent = 0);
12. void setMode(PB_MODE mode);
13. ~PictureBox();
14. private:
15. QPixmap m_pixmap;
16. double m_scale;
17. PB_MODE m_mode;
18. QBrush m_brush;
19. protected:
20. void paintEvent(QPaintEvent * event);
21. signals:
22. public slots:
23. bool setImage(QImage &image, double scale = 1.0);
24. void setBackground(QBrush brush);
25. };
26. #endif // PICTUREBOX_H

1. #include "picturebox.h"
2. #include <QPainter>
3. #include <QDebug>
4. static const int IMAGE_WIDTH = 160;
5. static const int IMAGE_HEIGHT = 120;
6. static const QSize IMAGE_SIZE = QSize(IMAGE_WIDTH, IMAGE_HEIGHT);
7. PictureBox::PictureBox(QWidget *parent) : QWidget(parent)
8. {
9. m_pixmap = QPixmap(IMAGE_SIZE);
10. m_pixmap.fill();
11. m_scale = 1.0;
12. m_mode = FIXED_SIZE;
13. m_brush = QBrush(Qt::white);
14. }
15. void PictureBox::setBackground(QBrush brush)
16. {
17. m_brush = brush;
18. update();
19. }
20. void PictureBox::setMode(PB_MODE mode)
21. {
22. m_mode = mode;
23. if(m_mode == AUTO_SIZE)
24. {
25. setFixedSize(m_pixmap.size() * m_scale);
26. }
27. else
28. {
29. setMaximumSize(QWIDGETSIZE_MAX, QWIDGETSIZE_MAX);
30. setMinimumSize(0, 0);
31. }
32. update();
33. }
34. bool PictureBox::setImage(QImage &image, double scale)
35. {
36. if(image.isNull())
37. {
38. return false;
39. }
40. m_pixmap = QPixmap::fromImage(image);
41. m_scale = qBound(0.01, scale, 100.0);
42. if(m_mode == AUTO_SIZE)
43. {
44. setFixedSize(m_pixmap.size() * m_scale);
45. }
46. update();
47. return true;
48. }
49. void PictureBox::paintEvent(QPaintEvent * event)
50. {
51. Q_UNUSED(event);
52. QPainter painter(this);
53. painter.setBackground(m_brush);
54. painter.eraseRect(rect());
55. double window_width, window_height;
56. double image_width, image_height;
57. double r1, r2, r;
58. int offset_x, offset_y;
59. switch (m_mode)
60. {
61. case FIXED_SIZE:
62. case AUTO_SIZE:
63. painter.scale(m_scale, m_scale);
64. painter.drawPixmap(0, 0, m_pixmap);
65. break;
66. case FIX_SIZE_CENTRED:
67. window_width = width();
68. window_height = height();
69. image_width = m_pixmap.width();
70. image_height = m_pixmap.height();
71. offset_x = (window_width - m_scale * image_width) / 2;
72. offset_y = (window_height - m_scale * image_height) / 2;
73. painter.translate(offset_x, offset_y);
74. painter.scale(m_scale, m_scale);
75. painter.drawPixmap(0, 0, m_pixmap);
76. break;
77. case AUTO_ZOOM:
78. window_width = width();
79. window_height = height();
80. image_width = m_pixmap.width();
81. image_height = m_pixmap.height();
82. r1 = window_width / image_width;
83. r2 = window_height / image_height;
84. r = qMin(r1, r2);
85. offset_x = (window_width - r * image_width) / 2;
86. offset_y = (window_height - r * image_height) / 2;
87. painter.translate(offset_x, offset_y);
88. painter.scale(r, r);
89. painter.drawPixmap(0, 0, m_pixmap);
90. break;
91. }
92. }
93. PictureBox::~PictureBox()
94. {
95. }

AUTO_ZOOM 模式下显示例子如下：

FIXED_SIZE 模式下的例子如下：

FIX_SIZE_CENTRED 模式下的例子如下：

http://blog.csdn.net/liyuanbhu/article/details/46687495