QGraphicsView创建悬浮按钮

十里春风_jzh

于 2022-03-08 16:52:42 发布

阅读量2.6k

点赞数 8

分类专栏： # QT技巧文章标签： qt 开发语言 ui

本文链接：https://blog.youkuaiyun.com/weixin_43435307/article/details/123336963

版权

QT技巧专栏收录该内容

29 篇文章

订阅专栏

本文记录了如何在Qt的QGraphicsView上添加一个悬浮按钮，该按钮不会随画布缩放或移动而变化。作者尝试了使用QGraphicsPixmapItem和在QGraphicsScene上添加Widget的方法，但未成功。最终通过直接创建一个QPushButton，并将其父对象设置为QGraphicsView，然后调整位置实现了需求。代码示例展示了具体实现步骤，实现了类似高德地图上的悬浮效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

简介

记录一下前两天接到一个需求如何QGraphicsView上添加一个悬浮按钮，类似于高德地图，如下图
在这里插入图片描述在网上搜了一圈，有说使用QGraphicsPixmapItem可以，也有说在QGraphicsScene上调用addwidget可以。经一一尝试都不行。
再来分析一下需求，悬浮按钮，不能随着画布的放大(缩小)而放大(缩小)，不能随着画布的移动而移动，那么在QGraphicsScene上的任何操作肯定就是不行了。
于是就简单粗暴的new了一个QPushButton，将父对象设置为QGraphicsView，使用move移动位置，奇迹般的就可以了。
代码如下：

 	QPushButton *btn = new QPushButton(ui->graphicsView);
	btn->resize(60,35);
	btn->setStyleSheet("border-image:url(:/pic/anniu.png);");
	QPoint pos = ui->graphicsView->pos();
	pos = QPoint(pos.x()+this->width()-120,pos.y()+10);
	btn->move(pos);