這篇文章主要介紹Qt模仿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_H2、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;
}以上是Qt模仿IOS滑動按鈕效果的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
