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

void MainWindow::mousePressEvent(QMouseEvent *event){
  Q_UNUSED(event)
  ison=!ison; //在頭文件種定義:bool ison=false;
  //當(dāng)鼠標(biāo)點(diǎn)擊，ison為true;
  timer->start(1);//定時(shí)器開(kāi)始（ms級(jí)）
  this->update();//觸發(fā)paintEvent函數(shù)
}

void MainWindow::paintEvent(QPaintEvent *event){
  Q_UNUSED(event)
  QPainter painter(this);
  painter.setRenderHint(QPainter::SmoothPixmapTransform);
  //QPainter::SmoothPixmapTransform 使用平滑的pixmap變換算法(雙線性插值算法),而不是近鄰插值算。
  painter.setRenderHint(QPainter::Antialiasing); //使繪制時(shí)邊緣平滑，qt反走樣默認(rèn)關(guān)閉
  painter.setPen(Qt::NoPen);//畫(huà)筆樣式，這里無(wú)
  if(ison){
    painter.save();//保存當(dāng)前畫(huà)筆的狀態(tài)，與下面的restore();成對(duì)出現(xiàn)
    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();//恢復(fù)畫(huà)筆
    //save() 用于保存 QPainter 的狀態(tài)，restore() 用于恢復(fù) QPainter 的狀態(tài)，save() 和 restore() 一般都是成對(duì)使用的，
    //如果只調(diào)用了 save() 而不調(diào)用 restore()，那么保存就沒(méi)有意義了，保存是為了能恢復(fù)被保存的狀態(tài)而使用的。
  }else{
  	//邊框
    painter.save();
    QColor grayColor(199,199,199);//灰色
    painter.setBrush(grayColor);//畫(huà)筆顏色
    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個(gè)參數(shù)制定矩形的左上角起點(diǎn)，第3個(gè)參數(shù)制定矩形的長(zhǎng)度，第4個(gè)參數(shù)指定矩形的寬度
    //最后兩個(gè)參數(shù)決定角的圓度。它可以為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個(gè)參數(shù)表示圓/橢圓距屏幕左上角的像素?cái)?shù)。第3,4個(gè)參數(shù)表示圓/橢圓的寬度和高度，兩者相同時(shí)為圓。
    //繪制圓按鈕
    painter.restore();
  }
}

 timer=new QTimer(this);
  timer->setInterval(50);
  connect(timer,SIGNAL(timeout()),this,SLOT(begainAnimation()));
  //下面是繪制參數(shù)相關(guān)
  if(ison){
    currentValue=widthSize-0.95*heightSize;
  }else{
    currentValue=0.05*heightSize;
  }

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調(diào)用一次updata。
}