Qt自绘实现苹果按钮滑动效果的示例代码

 更新时间:2020年11月02日 10:23:33   作者:花狗Fdog_  
这篇文章主要介绍了Qt自绘实现苹果按钮滑动效果的示例代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

用到的类:QTimer,QPaintEvent,QPainter,QRectF

在这里插入图片描述

首先,重写绘制事件,需要在头文件加入QPaintEvent头文件,并定义几个变量。

 bool ison=false;
  float currentValue;
  float widthSize,heightSize;

然后加入如下代码:

思路就是鼠标点击,触发paintEvent函数

void MainWindow::mousePressEvent(QMouseEvent *event){
  Q_UNUSED(event)
  ison=!ison; //在头文件种定义:bool ison=false;
  //当鼠标点击,ison为true;
  timer->start(1);//定时器开始(ms级)
  this->update();//触发paintEvent函数
}

paintEvent函数的重写

void MainWindow::paintEvent(QPaintEvent *event){
  Q_UNUSED(event)
  QPainter painter(this);
  painter.setRenderHint(QPainter::SmoothPixmapTransform);
  //QPainter::SmoothPixmapTransform 使用平滑的pixmap变换算法(双线性插值算法),而不是近邻插值算。
  painter.setRenderHint(QPainter::Antialiasing); //使绘制时边缘平滑,qt反走样默认关闭
  painter.setPen(Qt::NoPen);//画笔样式,这里无
  if(ison){
    painter.save();//保存当前画笔的状态,与下面的restore();成对出现
    painter.setBrush(Qt::green);
    QRectF greenRect=QRectF(0,0,widthSize,heightSize);
    painter.drawRoundedRect(greenRect,0.5*heightSize,0.5*heightSize);
    painter.restore();
    painter.save();
    painter.setBrush(Qt::white);
    painter.drawEllipse(currentValue,0.05*heightSize,0.9*heightSize,0.9*heightSize);
    painter.restore();//恢复画笔
    //save() 用于保存 QPainter 的状态,restore() 用于恢复 QPainter 的状态,save() 和 restore() 一般都是成对使用的,
    //如果只调用了 save() 而不调用 restore(),那么保存就没有意义了,保存是为了能恢复被保存的状态而使用的。
  }else{
  	//边框
    painter.save();
    QColor grayColor(199,199,199);//灰色
    painter.setBrush(grayColor);//画笔颜色
    QRectF roundRect=QRectF(0,0,widthSize,heightSize);
    painter.drawRoundedRect(roundRect,0.5*heightSize,0.5*heightSize);
    //绘制椭圆边框
    painter.restore();
    //背景
    painter.save();
    painter.setBrush(Qt::red);
    QRectF redRect=QRectF(heightSize*0.05,heightSize*0.05,widthSize-heightSize*0.1,heightSize*0.9);
    painter.drawRoundedRect(redRect,0.45*heightSize,0.45*heightSize);
    //第1、2个参数制定矩形的左上角起点,第3个参数制定矩形的长度,第4个参数指定矩形的宽度
    //最后两个参数决定角的圆度。它可以为0到99之间的任意值(99代表最圆)。
    //绘制圆形矩形
    painter.restore();
    //按钮
    painter.save();
    painter.setBrush(Qt::white);
    painter.drawEllipse(currentValue,0.05*heightSize,0.9*heightSize,0.9*heightSize);
    //第1,2个参数表示圆/椭圆距屏幕左上角的像素数。第3,4个参数表示圆/椭圆的宽度和高度,两者相同时为圆。
    //绘制圆按钮
    painter.restore();
  }
}

鼠标点击进行绘制,按钮从左边滑到右边应该有一个运动状态。这就是定时器。

在窗体构造函数中进行信号绑定:

 timer=new QTimer(this);
  timer->setInterval(50);
  connect(timer,SIGNAL(timeout()),this,SLOT(begainAnimation()));
  //下面是绘制参数相关
  if(ison){
    currentValue=widthSize-0.95*heightSize;
  }else{
    currentValue=0.05*heightSize;
  }

然后编写begainAnimation函数:

void MainWindow::begainAnimation(){
  int i=0.05*heightSize;
  int n=widthSize-0.95*heightSize;
  if(ison){
    currentValue+=1;
    if(currentValue>n-i){
      timer->stop();
    }
  }else{
    currentValue-=1;
    if(currentValue<i){
      timer->stop();
    }
  }
  update();
  //每1ms调用一次updata。
}

绘制矩形:paint->drawRect(20,20,160,160);
第1、2个参数制定矩形的左上角起点,第3个参数制定矩形的长度,第4个参数指定矩形的宽度

绘制圆和椭圆:paint->drawEllipse(20,20,210,160);
第1,2个参数表示圆/椭圆距屏幕左上角的像素数。第3,4个参数表示圆/椭圆的宽度和高度,两者相同时为圆。

绘制圆角矩形:paint->drawRoundRect(20,20,210,160,50,50);
前面四个参数和绘制矩形的参数一致,最后两个参数决定角的圆度。它可以为0到99之间的任意值(99代表最圆)。

到此这篇关于Qt自绘实现苹果按钮滑动效果的示例代码的文章就介绍到这了,更多相关Qt 苹果按钮滑动内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • C++ protobuf中对不同消息内容进行赋值的方式总结(set_、set_allocated_、mutable_、add_)

    C++ protobuf中对不同消息内容进行赋值的方式总结(set_、set_allocated_、mutable_、

    这篇文章主要给大家介绍了关于C++ protobuf中对不同消息内容进行赋值的方式总结,主要使用的是set_、set_allocated_、mutable_、add_,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2023-03-03
  • QT实现自定义Http客户端的示例代码

    QT实现自定义Http客户端的示例代码

    这篇文章主要为大家详细介绍了QT如何实现自定义Http客户端的,可以实现支持get,post请求方式;支持连接超时处理;支持网络错误,尝试重连等功能,感兴趣的小伙伴可以学习一下
    2022-11-11
  • C语言实现学籍管理系统

    C语言实现学籍管理系统

    这篇文章主要为大家详细介绍了C语言实现学籍管理系统,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-03-03
  • 利用C++实现计算机辅助教学系统

    利用C++实现计算机辅助教学系统

    我们都知道计算机在教育中起的作用越来越大。这篇文章主要为大家详细介绍了如何利用C++编写一个计算机辅助教学系统,感兴趣的可以了解一下
    2023-05-05
  • C++利用递归实现走迷宫

    C++利用递归实现走迷宫

    这篇文章主要为大家详细介绍了C++利用递归实现走迷宫,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-03-03
  • pcre函数详细解析

    pcre函数详细解析

    PCRE提供了19个接口函数,为了简单介绍,使用PCRE内带的测试程序(pcretest.c)示例用法
    2013-09-09
  • FFmpeg实现多线程编码并保存mp4文件

    FFmpeg实现多线程编码并保存mp4文件

    这篇文章主要为大家介绍了FFmpeg如何持续的从指定内存中读取原始数据,再将解码数据存入队列中,并通过单独的线程进行编码,最后保存为mp4文件,感兴趣的可以了解下
    2023-08-08
  • wxWidgets实现图片和文件按钮

    wxWidgets实现图片和文件按钮

    这篇文章主要为大家详细介绍了wxWidgets实现图片和文件按钮,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-02-02
  • OpenMP task construct 实现原理及源码示例解析

    OpenMP task construct 实现原理及源码示例解析

    这篇文章主要为大家介绍了OpenMP task construct 实现原理及源码示例解析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-03-03
  • 利用C++实现⾃然连接操作算法

    利用C++实现⾃然连接操作算法

    这篇文章主要介绍了利用C++实现⾃然连接操作算法,文章围绕主题展开详细的内容介绍,具有一定参考价值,需要的小伙伴可以参考一下
    2022-08-08

最新评论