qt怎么实现图片的向左旋转90度_Qt编写自定义控件33-图片切换动画

最新推荐文章于 2024-08-02 10:03:29 发布
最新推荐文章于 2024-08-02 10:03:29 发布
阅读量1.1k 收藏
点赞数
文章标签： qt怎么实现图片的向左旋转90度
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_39957461/article/details/113315078
版权
本文介绍了如何在Qt中实现图片向左旋转90度的动画效果，通过QPainter和QPropertyAnimation实现过渡动画，包括多种切换样式。文章提供核心代码，并展示了丰富的自定义控件功能，如多种样式、颜色、旋转速度等设置，适用于不同场景和系统。
摘要由CSDN通过智能技术生成

一、前言

在很多看图软件中，切换图片的时候可以带上动画过渡或者切换效果，显得更人性化，其实主要还是炫一些，比如百叶窗、透明度变化、左下角飞入等，无论多少种效果，核心都是围绕QPainter来进行，将各种动画效果对应的图片的区域动态计算并绘制出来，配合以QPropertyAnimation动画属性产生线性插值，比如渐入飞入时候，可以中间快速两端慢速。目前动画类型有9种，后期还会不断增加。

  1. 图像1渐渐变淡,图像2渐渐显现
  2. 百叶窗效果
  3. 图像从右向左翻转
  4. 从外到内水平分割
  5. 图像1从左至右退出可视区域,同时图像2从左至右进入可视区域
  6. 图像1从左至右退出可视区域,同时图像2从左至右进入可视区域
  7. 图像1从下至上退出可视区域,同时图像2从下至上进入可视区域
  8. 图像1从上至下退出可视区域,同时图像2从上至下进入可视区域
  9. 图像1不动,同时图像2从右下到左上

二、实现的功能

* 1:支持多种等待样式风格 圆弧状风格 旋转圆风格 三角圆弧 线条风格 圆环风格

* 2:可设置范围值和当前值

* 3:可设置前景色背景色

* 4:可设置顺时针逆时针旋转

* 5:支持任意大小缩放

* 6:支持设置旋转速度间隔

三、效果图

0267e69f9135d99803ec4bdbc5326a62.gif

四、核心代码

void ImageAnimation::paintEvent(QPaintEvent *){ if (pixmap1.isNull() || pixmap2.isNull()) { return; } QPainter painter(this); painter.setRenderHint(QPainter::Antialiasing, true); switch (animationType) { case 0: fadeEffect(&painter, geometry(), factor, pixmap1, pixmap2); break; case 1: blindsEffect(&painter, geometry(), factor, pixmap1, pixmap2); break; case 2: flipRightToLeft(&painter, geometry(), factor, pixma
最低0.47元/天 解锁文章
weixin_39957461
关注
QT实现图片开关控件-自定义控件
07-14
在QT中创建一个图片开关控件。该控件允许用户切换显示不同状态的图像，类似于开关的功能。
Qt开发记录15——QGraphicsView控件中图片处理（90度旋转、截图等）后居中显示
qq_28680277的博客
02-24 2396
QGraphicsView中图片处理后仍然居中显示场景图片处理后居中显示 场景 GraphicsView 定义如下 GraphicsView m_graph = new GraphicsView(ui->label_img); m_graph->setGeometry(ui->label_img->rect()); m_graph->setSceneRect(m_graph->PixItem()->boundingRect()); m_graph->setA
QT屏幕界面整体旋转效果图
wwwyuewww的专栏
01-26 1803
QT可以通过Transformed方式整体旋转屏幕显示画面，比如通过环境变量方式如下配置： export QWS_DISPLAY="Transformed:Rot90..." 其中90表示90度旋转。通过dump底层framebuffer中数据并编码为图片，可以直观看到QT整体旋转的效果。注意，该效果与实际屏幕最终显示可能不一致，比如横屏竖屏的差异。 正常渲染到framebuffer中效果： 90度旋转后效果图： 180度旋转后效果图： 270度旋转后效果图： 可以看到，取的是
「Qt Widget中文示例指南」如何实现一个旋转框（一）
最新发布
需要界面开发、IDE工具研发中文教程资料的小伙伴，记得私信我~
08-02 656
本文将为大家介绍如何使用Qt Widget小部件如何实现一个旋转框示例，欢迎下载最新版组件体验~
QT图片旋转和图片翻转
路过的熊的博客
08-19 2326
QT图片旋转和图片翻转
qt在label中显示图片，旋转和镜像
sinat_36420785的博客
07-26 8829
//关于镜像旋转，QImage中有对应的接口，可以通过设定水平、垂直方向旋转 QImage image::mirrored(bool horizontal = false, bool vertical = true) const ; //水平翻转 image = image.mirrored(true, false); imageLabel->setPixmap(QP...
qt旋转图片
分享嵌入式,移动端,智能应用,数据库等专业板块,记录知识碎片！！！
04-08 226
QImage image( data , 335 , frame_len ,1005, QImage::Format_RGB888);//data数组 //355宽度 //frame_len 高度//每行1005字节数//格式 QMatrix matrix; matrix.rotate(-90.0);//旋转-90度 image = image.transform...
ColdMusic.rar_Cold music_QT_beatg64_qt自定义控件_音乐播放器
07-15
使用qt写的音乐播放器, 添加了自定义控件.
Qt自定义控件--仪表盘源码
08-17
在本文中，我们将深入探讨如何在Qt环境中创建自定义控件，特别关注“仪表盘”这一特定案例。首先，我们要了解Qt是一个跨平台的应用程序开发框架，广泛用于编写图形用户界面（GUI）应用程序。Qt库提供了丰富的内置...
ImageView：Qt自定义图片显示控件-支持加载本地图片和网络图片，并支持缓存
02-05
在Qt框架中，ImageView是一个自定义的图像显示控件，专为处理本地和网络图片而设计。这个控件不仅能够方便地展示图片，还具备图片加载优化和缓存功能，以提升用户体验。以下是对该控件及其相关知识点的详细解释。 1...
Qt案例之利用QPaint实现自定义加载中动画控件
04-24
Qt案例之利用QPaint实现自定义加载中动画控件，不使用图片，仅仅利用代码实现Loading加载中动画，可参考文章：https://blog.csdn.net/didi_ya/article/details/124375758
控件旋转90度，并跟随大小缩放
linxue110的博客
08-02 878
一个项目需求，需要旋转某个控件90使用，在网上找了很多资料，没有特别合适的，自己试水试了一天半，终于弄了个大概其，特此记录。
QWidget旋转方法
weixin_42887343的博客
03-21 7102
参考链接：https://stackoverflow.com/questions/43388464/rotate-whole-qwidget-by-angle 最简源代码： 首先，ui设计界面中拖一个 Graphics View到你的界面中，然后输入如下代码： #include <QGraphicsScene> #include <QGraphicsProxyWidget> #include <QPushButton> QGraphicsScene *scene = n
Qt 图片旋转
GeorryHan的博客
09-11 3418
Qt 图片旋转 第一次实现Qt的图片旋转功能，网上说有两种方法，用QMatrix 方法旋转得到的图片周围是黑色的，暂时没有解决，于是用了另外一种方法QPainter，但这坐标系的变换和旋转属实给我绕蒙了，理解了其实不难。记录分享出来避免其他人再走弯路。 painter.translate（x,y）其实就是将坐标系移动到（x,y）的坐标 painter.rotate(nRotate) 是将整个坐标系旋转一定角度。 然后在这个坐标系下paint我们需要旋转的那张图片 得到的整张图片就是我们旋转后的图片。 不用
自学QT之图片操作（缩放、平移、扭曲和旋转等）
热门推荐
CN小黑
01-17 1万+
首先呢，我是把图片画在widget上面的，代码自然也要写在paintevent里面。 注意，添加图片时候要记得执行qmake一下，不然图片不能正常执行哦。 1.首先是图片的显示： void Widget::paintEvent(QPaintEvent *even) { QPixmap pix(":/new/prefix1/201409091359143092.jpg");
Qt: 图片旋转的特效
闭上左眼看世界的博客
01-14 3317
当我在火影中文网准备看动漫时,突然发现以下的场景,于是我也想做一个类似的效果. 完成后的效果如下: 实现这个效果主要有几个点要能够实现出来: 1.如何实现旋转效果. 2.重写进入控件和离开控件的虚函数. 首先,重写了一个QLabel类. “MyLabel.h”的代码: #ifndef MYLABEL_H #define MYLABEL_H #include #incl
关于Qt旋转图片的一些说明
yanghai112的专栏
03-14 2467
我们在QT中加载图片一般都是将图片加载在一个label中显示，当我们想让这个label旋转时，就会出现问题，因为控件在不重写的情况下，基本旋转不了，我们只能去旋转label中的图片，达到旋转控件的效果，在网上查了很多资料但是很少有人能把写完整的，所以在这里记录下自己遇到这些问题时的一些心得吧。 首先，我们了解一下QMatrix的知识。 QPainter预设的座标系统是绘图装置的座...
pyqt旋转图片
weixin_54217201的博客
05-18 581
pyqt5图片旋转，使用计时器控制旋转角度。，它会以图片左上角为圆心旋转，可以把。，因此需要把图片的中心点放到。需要写在加载图片之前。
Qt实现图像旋转
钱多多先森
05-15 7084
在本节中将针对图像任意角度旋转事件处理介绍，先看一下效果图                        30度                                                                                     60度
Qt编写自定义控件4-旋转仪表盘
05-23
旋转仪表盘是一种常见的显示控件，可以用来展示一些数据，如速度、油量、温度等，下面我将介绍如何使用Qt编写一个旋转仪表盘控件。 首先，我们需要在Qt中创建一个新的自定义控件类。可以通过Qt Creator中的“添加新文件”功能来创建一个QWidget派生类。在这个类中，我们需要实现paintEvent()函数来绘制仪表盘。 在paintEvent()函数中，我们可以使用QPainter来绘制仪表盘的各个部分，包括刻度线、指针、文字等。具体实现可以参考以下代码： ```C++ void RotatingDial::paintEvent(QPaintEvent *event) { // 设置背景色 QPalette pal(palette()); pal.setColor(QPalette::Background, Qt::white); setAutoFillBackground(true); setPalette(pal); // 绘制刻度线 QPainter painter(this); painter.setRenderHint(QPainter::Antialiasing, true); painter.translate(width() / 2, height() / 2); painter.setPen(QPen(Qt::black, 2)); for (int i = 0; i < 60; i++) { painter.drawLine(0, -100, 0, -90); painter.rotate(6); } // 绘制指针 painter.save(); painter.rotate(m_angle); painter.setBrush(Qt::red); painter.setPen(Qt::NoPen); painter.drawConvexPolygon(m_pointer, 3); painter.restore(); // 绘制文字 QFont font("Arial", 12, QFont::Bold); painter.setFont(font); painter.drawText(-30, 50, "Speed"); } ``` 在上面的代码中，我们首先设置了控件的背景色为白色。然后使用QPainter绘制了60条刻度线，并旋转6度。接着，我们绘制了一个红色的指针，并根据m_angle属性来旋转指针的角度。最后，我们使用QPainter绘制了文字“Speed”。 在我们的自定义控件中，我们需要一个属性来控制指针的角度。我们可以使用Q_PROPERTY宏来定义这个属性，例如： ```C++ class RotatingDial : public QWidget { Q_OBJECT Q_PROPERTY(int angle READ angle WRITE setAngle) public: RotatingDial(QWidget *parent = nullptr); int angle() const; void setAngle(int angle); private: int m_angle; QPolygon m_pointer; }; ``` 在上面的代码中，我们使用Q_PROPERTY宏定义了angle属性，并提供了getter和setter函数。我们还定义了一个私有变量m_angle来存储当前的角度，以及一个QPolygon对象m_pointer来存储指针的形状。 在setAngle()函数中，我们设置m_angle属性，并根据新的角度计算指针的位置： ```C++ void RotatingDial::setAngle(int angle) { if (angle != m_angle) { m_angle = angle; m_pointer.setPoint(0, QPoint(0, -90)); m_pointer.setPoint(1, QPoint(5, 0)); m_pointer.setPoint(2, QPoint(-5, 0)); m_pointer.translate(0, 100); update(); } } ``` 在上面的代码中，我们首先判断新的角度是否与当前的角度相同。如果不同，我们就更新m_angle属性，并重新计算指针的位置。最后，我们调用update()函数来触发paintEvent()函数的调用，从而完成控件的重绘。 最后，我们可以在MainWindow类中使用我们的自定义控件，例如： ```C++ MainWindow::MainWindow(QWidget *parent) : QMainWindow(parent) { RotatingDial *dial = new RotatingDial(this); dial->setAngle(30); QHBoxLayout *layout = new QHBoxLayout; layout->addWidget(dial); setCentralWidget(new QWidget); centralWidget()->setLayout(layout); } ``` 在上面的代码中，我们创建了一个RotatingDial对象，并设置了初始角度为30度。然后，将其添加到QHBoxLayout布局中，并设置为主窗口的中央控件。 至此，我们已经完成了一个简单的旋转仪表盘的自定义控件。你可以根据需要对其进行扩展和优化，使其更加适合你的应用场景。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值