Qt模仿IOS滑动按钮效果

 更新时间:2020年08月20日 11:14:20   作者:番茄炒蛋不要蛋  
这篇文章主要为大家详细介绍了Qt模仿IOS滑动按钮效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

上一篇文章里我介绍了在Android中如何实现IOS形式的滑动按钮,在这篇文章中我将介绍如何用Qt实现IOS形式的滑动按钮。其实在Android中实现这个和在Qt中实现是一样的道理的,只是使用的工具有所不同罢了。在Qt里面我们使用的是C++,而Android中则是Java。语言并不是决定的因素,而实现的思路才是最终决定胜负的利器。

1)、在Android中的绘制主要是在OnDraw这个函数里面进行的,且可以在OnDraw外部写函数进行绘制,只需把Cavas传入即可。而在Qt里面的绘制主要是在painEvent里面进行的,且不能再外部写函数实现它的绘制。

2)、在Android中承担绘制的主要是Canvas这个对象,Painter主要是来进行画笔的定义和修改。而在Qt里面主要承担绘制任务的是Painter对象,它既要充当画笔的角色,还要做为画板来存在。

3)、在Android里面我们可以使用ValueAnimation来实现动画刷新,而在Qt里面并没用提供这样的一个函数,所以我们只能通过QTimer来主动刷新,具体代码在下方。

4)、在两份代码里面懂提供了外部接口来访问和读写它的状态。

代码如下

1、switchButton的头文件

#ifndef SWITCHBUTTON_H
#define SWITCHBUTTON_H
 
#include <QWidget>
#include<QTimer>
 
class switchButton : public QWidget
{
  Q_OBJECT
public:
  explicit switchButton(QWidget *parent = 0);
  void writeSwitchButtonState(bool ison);
  bool readSwitchButtonState();
private:
  bool ison=false;
  float currentValue;
  float widthSize,heightSize;
  QTimer *timer;
  void paintEvent(QPaintEvent *event);//绘制事件
  void mousePressEvent(QMouseEvent *event);//点击事件
signals:
 
public slots:
private slots:
  void begainAnimation();
};
 
#endif // SWITCHBUTTON_H

2、switchButton的源文件

#include "switchbutton.h"
#include <QPaintEvent>
#include<QPainter>
#include<QRectF>
#include<QRect>
/**
 * @brief switchButton::switchButton
 * @param parent
 * 创建的这个switchbutton只是提供固定的大小,展示实现的过程。
 */
 
switchButton::switchButton(QWidget *parent) : QWidget(parent)
{
  setMaximumSize(200,130);
  setMinimumSize(200,130);
  widthSize=(float)width();
  heightSize=(float)height();
  timer=new QTimer(this);
  timer->setInterval(50);
  if(ison){
    currentValue=widthSize-0.95*heightSize;
  }else{
    currentValue=0.05*heightSize;
  }
  connect(timer,SIGNAL(timeout()),this,SLOT(begainAnimation()));
 
}
void switchButton::paintEvent(QPaintEvent *event){
  Q_UNUSED(event)
  QPainter painter(this);
  painter.setRenderHint(QPainter::SmoothPixmapTransform);
  painter.setRenderHint(QPainter::Antialiasing);
  painter.setPen(Qt::NoPen);
  if(ison){
    painter.save();
    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();
  }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);
    painter.restore();
    painter.save();
    painter.setBrush(Qt::white);
    painter.drawEllipse(currentValue,0.05*heightSize,0.9*heightSize,0.9*heightSize);
    painter.restore();
  }
}
void switchButton::mousePressEvent(QMouseEvent *event){
  Q_UNUSED(event)
  ison=!ison;
  timer->start(10);
  this->update();
}
void switchButton::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();
}
 
void switchButton::writeSwitchButtonState(bool ison)
{
  this->ison=ison;
  this->update();
}
bool switchButton::readSwitchButtonState()
{
  return this->ison;
}

鉴于QTimer的复杂,本例里面没有对透明度进行动画过渡。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • C++实现自底向上的归并排序算法

    C++实现自底向上的归并排序算法

    这篇文章主要介绍了C++实现自底向上的归并排序算法,结合实例形式较为详细的分析总结了自底向上的归并排序算法的原理与具体实现技巧,需要的朋友可以参考下
    2015-12-12
  • C/C++中获取重载函数地址的方法

    C/C++中获取重载函数地址的方法

    函数重载是函数的一种特殊情况,C++允许在同一作用域中声明几个功能类似的同名函数,这 些同名函数的形参列表不同,常用来处理实现功能类似数据类型不同的问题,本文给大家介绍了C/C++中获取重载函数地址的方法,需要的朋友可以参考下
    2024-04-04
  • 使用C语言实现三子棋游戏

    使用C语言实现三子棋游戏

    这篇文章主要为大家详细介绍了使用C语言实现三子棋游戏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-07-07
  • Matlab实现获取文件夹下所有指定后缀的文件

    Matlab实现获取文件夹下所有指定后缀的文件

    这篇文章主要为大家详细介绍了Matlab如何获取文件夹下所有指定后缀的文件(包含子文件夹),文中的示例代码讲解详细,感兴趣的可以尝试一下
    2022-11-11
  • Qt一个进程运行另一个进程的实现方法

    Qt一个进程运行另一个进程的实现方法

    本文主要介绍了Qt一个进程运行另一个进程的实现方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2022-04-04
  • C++ 类的继承与派生实例详解

    C++ 类的继承与派生实例详解

    这篇文章主要介绍了 C++ 类的继承与派生实例详解的相关资料,需要的朋友可以参考下
    2017-06-06
  • C语言实现高精度加法的示例代码

    C语言实现高精度加法的示例代码

    高精度的本质是将数字以字符串的形式读入,然后将每一位分别存放入int数组中,通过模拟每一位的运算过程,来实现最终的运算效果,下面我们就来看看如何通过C语言实现高精度加法吧
    2023-11-11
  • 关于读取popen输出结果时未截断字符串导致的命令行注入详解

    关于读取popen输出结果时未截断字符串导致的命令行注入详解

    这篇文章主要给大家介绍了关于读取popen输出结果时未截断字符串导致的命令行注入的相关资料,文中通过图文及示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧。
    2018-03-03
  • 用C语言求幂函数和指数函数的方法

    用C语言求幂函数和指数函数的方法

    这篇文章主要介绍了用C语言求幂函数和指数函数的方法,即pow()函数和sqrt()函数的使用,需要的朋友可以参考下
    2015-08-08
  • OpenCV实现图像角点检测

    OpenCV实现图像角点检测

    这篇文章主要为大家详细介绍了OpenCV实现图像角点检测,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-01-01

最新评论