我创建了一个显示渲染图像的预览。我使用了Image Viewer Example缩放功能 - 所以我有一个继承*tmp*
的类,能够在read.csv
中显示图像,并放大/缩小/适应特定限制。我正在“按需”显示滚动条。
作为新要求,我必须能够平移,不显示滚动条。
我一直在寻找方法 - 并且发现examples人使用鼠标按下,移动和释放事件以将图像上的点与滚动条相关联。
问题:
1)如果滚动条不可见,移动方向是意外的 - 在平移时,对象沿鼠标方向移动(停留在鼠标下方),而滚动条向相反方向移动
2)我认为移动仅限于滚动条尺寸所以...如果我计算一个反向移动,我会碰到一堵墙,同时仍有空间向一个方向移动
3)这不适用于缩放,这正是需要平移的时候;需要更复杂的计算。
我可以替代使用QScrollArea
和
QLabel
它也适用于缩放,我不必自己实现它
我还没有这样做的原因是,我还需要添加QGraphicsView
和包含我想要的图像的setDragMode(ScrollHandDrag);
- 然后找到如何禁用除平移之外的所有鼠标事件 - 以及仍然使用QGraphicsScene
来保留QGraphicsPixmapItem
;
它似乎是太多的开销(对于速度和内存很小的嵌入式设备来说,这意味着非常轻量级。)
什么是最佳选择?有什么方法可以在观看者中平移缩放的图像,尽可能重量轻?
答案 0 :(得分:4)
鉴于自定义可缩放和可pannable pixmap查看器的paintEvent
实现长度为5行,可以从头开始实现它:
// https://github.com/KubaO/stackoverflown/tree/master/questions/image-panzoom-40683840
#include <QtWidgets>
#include <QtNetwork>
class ImageViewer : public QWidget {
QPixmap m_pixmap;
QRectF m_rect;
QPointF m_reference;
QPointF m_delta;
qreal m_scale = 1.0;
void paintEvent(QPaintEvent *) override {
QPainter p{this};
p.translate(rect().center());
p.scale(m_scale, m_scale);
p.translate(m_delta);
p.drawPixmap(m_rect.topLeft(), m_pixmap);
}
void mousePressEvent(QMouseEvent *event) override {
m_reference = event->pos();
qApp->setOverrideCursor(Qt::ClosedHandCursor);
setMouseTracking(true);
}
void mouseMoveEvent(QMouseEvent *event) override {
m_delta += (event->pos() - m_reference) * 1.0/m_scale;
m_reference = event->pos();
update();
}
void mouseReleaseEvent(QMouseEvent *) override {
qApp->restoreOverrideCursor();
setMouseTracking(false);
}
public:
void setPixmap(const QPixmap &pix) {
m_pixmap = pix;
m_rect = m_pixmap.rect();
m_rect.translate(-m_rect.center());
update();
}
void scale(qreal s) {
m_scale *= s;
update();
}
QSize sizeHint() const override { return {400, 400}; }
};
基于QGraphicsView
的可比较小部件只会略短,如果像素图非常小,则会有更多的开销。对于大型像素图,由于QGraphicsScene
/ QGraphicsView
机制,渲染像素图所花费的时间大大超过了任何开销。毕竟,场景本身是静态的,这是性能QGraphicsView
的理想工作点。
class SceneImageViewer : public QGraphicsView {
QGraphicsScene m_scene;
QGraphicsPixmapItem m_item;
public:
SceneImageViewer() {
setScene(&m_scene);
m_scene.addItem(&m_item);
setDragMode(QGraphicsView::ScrollHandDrag);
setHorizontalScrollBarPolicy(Qt::ScrollBarAlwaysOff);
setVerticalScrollBarPolicy(Qt::ScrollBarAlwaysOff);
setResizeAnchor(QGraphicsView::AnchorViewCenter);
}
void setPixmap(const QPixmap &pixmap) {
m_item.setPixmap(pixmap);
auto offset = -QRectF(pixmap.rect()).center();
m_item.setOffset(offset);
setSceneRect(offset.x()*4, offset.y()*4, -offset.x()*8, -offset.y()*8);
translate(1, 1);
}
void scale(qreal s) { QGraphicsView::scale(s, s); }
QSize sizeHint() const override { return {400, 400}; }
};
测试工具:
int main(int argc, char *argv[])
{
QApplication a{argc, argv};
QWidget ui;
QGridLayout layout{&ui};
ImageViewer viewer1;
SceneImageViewer viewer2;
QPushButton zoomOut{"Zoom Out"}, zoomIn{"Zoom In"};
layout.addWidget(&viewer1, 0, 0);
layout.addWidget(&viewer2, 0, 1);
layout.addWidget(&zoomOut, 1, 0, 1, 1, Qt::AlignLeft);
layout.addWidget(&zoomIn, 1, 1, 1, 1, Qt::AlignRight);
QNetworkAccessManager mgr;
QScopedPointer<QNetworkReply> rsp(
mgr.get(QNetworkRequest({"http://i.imgur.com/ikwUmUV.jpg"})));
QObject::connect(rsp.data(), &QNetworkReply::finished, [&]{
if (rsp->error() == QNetworkReply::NoError) {
QPixmap pixmap;
pixmap.loadFromData(rsp->readAll());
viewer1.setPixmap(pixmap);
viewer2.setPixmap(pixmap);
}
rsp.reset();
});
QObject::connect(&zoomIn, &QPushButton::clicked, [&]{
viewer1.scale(1.1); viewer2.scale(1.1);
});
QObject::connect(&zoomOut, &QPushButton::clicked, [&]{
viewer1.scale(1.0/1.1); viewer2.scale(1.0/1.1);
});
ui.show();
return a.exec();
}