溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

Qt如何實(shí)現(xiàn)可拖動按鈕的方法

發(fā)布時(shí)間：2020-08-21 09:40:22 來源：億速云 閱讀：770 作者：小新 欄目：開發(fā)技術(shù)

Qt如何實(shí)現(xiàn)可拖動按鈕的方法？這個(gè)問題可能是我們?nèi)粘W(xué)習(xí)或工作經(jīng)常見到的。希望通過這個(gè)問題能讓你收獲頗深。下面是小編給大家?guī)淼膮⒖純?nèi)容，讓我們一起來看看吧！

具體內(nèi)容如下

Qt如何實(shí)現(xiàn)可拖動按鈕的方法

直接上代碼

self-contained.h

#ifndef SELFCONTAINED_H
#define SELFCONTAINED_H

#include <QWidget>
#include <QPainter>
#include <QTimer>
#include <QImage>
#include <QMouseEvent>
#include <QVector>

#endif // SELFCONTAINED_H

按鈕控件

drawbutton.h：

#ifndef DRAGBUTTON_H
#define DRAGBUTTON_H

#include "self-contained.h"

class DragButton : public QWidget
{
  Q_OBJECT
public:
  DragButton(QWidget *parent = 0);

  void setInitialScaling(double scaling);
  void setPixmap(QString pixmap);
  void setText(QString str);
  void setIsHold(bool flag);
protected:
  int isPress;
  int isHold;

  QTimer *m_aniTimer;
  QTimer *m_holdTimer;

  double m_scaling;
  double m_InitialScaling;//當(dāng)前縮放比例
  QPoint m_mouseSrcPos;//最小縮放比例

  QPixmap m_pixmap;
  QString m_text;

  void paintEvent(QPaintEvent *);
  void enterEvent(QEvent *);
  void leaveEvent(QEvent *);
  void mousePressEvent(QMouseEvent *);
  void mouseReleaseEvent(QMouseEvent *);
  void mouseMoveEvent(QMouseEvent *);

signals:
  void release_signal();
  void drag_signal();//拖動時(shí)發(fā)出信號
  void clicked();
public slots:
  void zoomIn();//放大
  void zoomOut();//縮小
  void hold_slot();
};

#endif // DRAGBUTTON_H

drawbutton.cpp

#include "dragbutton.h"

DragButton::DragButton(QWidget *parent) :
  QWidget(parent),isPress(0),isHold(0),m_scaling(0.5),m_InitialScaling(0.5),m_mouseSrcPos(0,0)
{
  m_aniTimer = new QTimer(this);
  m_aniTimer->setInterval(7);

  m_holdTimer = new QTimer(this);
  m_holdTimer->setInterval(1000);
  m_holdTimer->setSingleShot(true);
  connect(m_holdTimer,SIGNAL(timeout()),this,SLOT(hold_slot()));
}

void DragButton::setInitialScaling(double scaling)
{
  if(scaling <= 1 && scaling > 0)
  {
    m_InitialScaling = scaling;
    m_scaling = scaling;
  }
}

void DragButton::setPixmap(QString pixmap)
{
  m_pixmap.load(pixmap);
  update();
}

void DragButton::setText(QString str)
{
  m_text = str;
  update();
}

void DragButton::setIsHold(bool flag)
{
  isHold = flag;
  update();
}

void DragButton::paintEvent(QPaintEvent *)
{
  if(m_pixmap.isNull())
    return;

  QPainter painter(this);
  painter.setRenderHint(QPainter::Antialiasing);

  if(isPress)
  {
    painter.setPen(Qt::NoPen);
    painter.setBrush(QColor(0,0,0,130));
    painter.drawRoundedRect(rect(),20,20);
  }

  m_pixmap = m_pixmap.scaled(width(),height() - 20,Qt::KeepAspectRatio,Qt::SmoothTransformation);

  int w = m_pixmap.width()*m_scaling;
  int h = m_pixmap.height()*m_scaling;
  painter.drawPixmap(QRect((width() - w)/2,(height() - h)/2 - 20,w,h),
            m_pixmap,m_pixmap.rect());

  painter.setPen(QColor(0,0,0));
  painter.drawText(QRect(0,height() - 40,width(),40),Qt::AlignCenter,m_text);
}

void DragButton::enterEvent(QEvent *)
{
  disconnect(m_aniTimer,SIGNAL(timeout()),this,SLOT(zoomOut()));
  connect(m_aniTimer,SIGNAL(timeout()),this,SLOT(zoomIn()));

  m_aniTimer->start();
}

void DragButton::leaveEvent(QEvent *)
{
  disconnect(m_aniTimer,SIGNAL(timeout()),this,SLOT(zoomIn()));
  connect(m_aniTimer,SIGNAL(timeout()),this,SLOT(zoomOut()));

  m_aniTimer->start();
}

void DragButton::mousePressEvent(QMouseEvent *e)
{
  if(!isHold)
    isPress = 1;

  m_holdTimer->start();

  m_mouseSrcPos = e->pos();

  update();
}

void DragButton::mouseReleaseEvent(QMouseEvent *e)
{
  m_holdTimer->stop();

  isPress = 0;
  isHold = 0;

  if(rect().contains(e->pos()))
    emit clicked();

  emit release_signal();

  update();
}

void DragButton::mouseMoveEvent(QMouseEvent *e)
{
  if(isHold)
  {
    move(pos() - m_mouseSrcPos + e->pos());
    emit drag_signal();
  }
  else
    m_mouseSrcPos = e->pos();
}

void DragButton::zoomIn()
{
  m_scaling += 0.01;
  if(m_scaling >= 1)
  {
    m_scaling = 1;
    m_aniTimer->stop();
  }
  update();
}

void DragButton::zoomOut()
{
  m_scaling -= 0.01;
  if(m_scaling <= m_InitialScaling)
  {
    m_scaling = m_InitialScaling;
    m_aniTimer->stop();
  }
  update();
}

void DragButton::hold_slot()
{
  isHold = 1;
  isPress = 0;
  m_aniTimer->stop();
  m_scaling = m_InitialScaling;

  update();
}

整合按鈕的控件

drawwidget.h

#include "dragbutton.h"

class DragWidget : public QWidget
{
  Q_OBJECT

public:
  DragWidget(QWidget *parent = 0);
  ~DragWidget();

  void addButton(DragButton*);

protected:
  QVector<DragButton*> BtnVector;
  QPoint m_mouseSrcPos;//記錄坐標(biāo)點(diǎn)

  void resetInterface();//復(fù)位

signals:

public slots:
  void BtnMove_slots();
  void BtnRelease_slots();
};

#endif // DRAGWIDGET_H

drawwidget.cpp

#include "dragwidget.h"

DragWidget::DragWidget(QWidget *parent)
  : QWidget(parent),m_mouseSrcPos(0,0)
{
}

DragWidget::~DragWidget()
{

}

void DragWidget::addButton(DragButton* btn)
{
  connect(btn,SIGNAL(drag_signal()),this,SLOT(BtnMove_slots()));
  connect(btn,SIGNAL(release_signal()),this,SLOT(BtnRelease_slots()));


  BtnVector.push_back(btn);
  btn->show();
  resetInterface();
}

void DragWidget::resetInterface()
{
  for(int i = 0;i < BtnVector.length();++i)
  {
    BtnVector[i]->setGeometry(i * width()/BtnVector.length(),0,width()/BtnVector.length(),height());
  }
}

void DragWidget::BtnMove_slots()
{
  for(int i = 0;i < BtnVector.length();++i)//找到鼠標(biāo)所在的按鈕
    if(BtnVector[i] == sender())
    {
      int flag = (BtnVector[i]->pos().x() + BtnVector[i]->width()/2)/(width()/BtnVector.length());

      for(int l = 0;l < BtnVector.length();++l)//這里也可以做動畫，但這次主要實(shí)現(xiàn)拖動的功能
      {
        if(l < i && l <flag)
          BtnVector[l]->setGeometry(l * width()/BtnVector.length(),0,width()/BtnVector.length(),height());
        else if((l > i && l <= flag)||(l >= flag && l < i))
          BtnVector[l]->setGeometry((l + ((i-flag)>0&#63;1:-1))* width()/BtnVector.length(),0,width()/BtnVector.length(),height());
        else if(l > flag && l > i)
          BtnVector[l]->setGeometry(l * width()/BtnVector.length(),0,width()/BtnVector.length(),height());
      }
      //注釋部分合為上面的循環(huán)
//      if(flag >= i)//往后拖
//        for(int l = 0;l < BtnVector.length();++l)
//        {
//          if(l < i)
//            BtnVector[l]->setGeometry(l * width()/BtnVector.length(),0,width()/BtnVector.length(),height());
//          else if(l > i && l <= flag)
//            BtnVector[l]->setGeometry((l - 1)* width()/BtnVector.length(),0,width()/BtnVector.length(),height());
//          else if(l > flag)
//            BtnVector[l]->setGeometry(l * width()/BtnVector.length(),0,width()/BtnVector.length(),height());
//        }
//      else if(flag < i)//往前拖
//        for(int l = 0;l < BtnVector.length();++l)
//        {
//          if(l < flag)
//            BtnVector[l]->setGeometry(l * width()/BtnVector.length(),0,width()/BtnVector.length(),height());
//          else if(l >= flag && l < i)
//            BtnVector[l]->setGeometry((l + 1)* width()/BtnVector.length(),0,width()/BtnVector.length(),height());
//          else if(l > i)
//            BtnVector[l]->setGeometry(l * width()/BtnVector.length(),0,width()/BtnVector.length(),height());
//        }
      break;
    }
}

void DragWidget::BtnRelease_slots()
{
  for(int i = 0;i < BtnVector.length();++i)//找到鼠標(biāo)所在的按鈕
    if(BtnVector[i] == sender())
    {
      int posX = BtnVector[i]->pos().x();
      if(posX < 0)
        posX = 0;
      else if(posX > width())
        posX = width();

      int flag = (posX+BtnVector[i]->width()/2)/(width()/BtnVector.length());

      DragButton *btn = BtnVector[i];//修改vector順序
      if(flag >= i)
        for(int l = i;l < flag;++l)
          BtnVector[l] = BtnVector[l+1];
      else
        for(int l = i;l > flag;--l)
          BtnVector[l] = BtnVector[l-1];

      BtnVector[flag] = btn;
    }

  resetInterface();//復(fù)位
}

使用

main.cpp

#include "dragwidget.h"
#include <QApplication>

int main(int argc, char *argv[])
{
  QApplication a(argc, argv);

  DragWidget ww;
  ww.setGeometry(200,200,800,200);

  DragButton w(&ww);
  w.setPixmap(":/image/image/contacts.png");
  w.setText("按鈕1");
  w.setInitialScaling(0.6);

  DragButton w2(&ww);
  w2.setPixmap(":/image/image/time.png");
  w2.setText("按鈕2");
  w2.setInitialScaling(0.6);

  DragButton w3(&ww);
  w3.setPixmap(":/image/image/checking.png");
  w3.setText("按鈕3");
  w3.setInitialScaling(0.6);

  DragButton w4(&ww);
  w4.setPixmap(":/image/image/suitcase.png");
  w4.setText("按鈕4");
  w4.setInitialScaling(0.6);

  ww.addButton(&w);
  ww.addButton(&w2);
  ww.addButton(&w3);
  ww.addButton(&w4);
  ww.show();

  return a.exec();
}

感謝各位的閱讀！看完上述內(nèi)容，你們對Qt如何實(shí)現(xiàn)可拖動按鈕的方法大概了解了嗎？希望文章內(nèi)容對大家有所幫助。如果想了解更多相關(guān)文章內(nèi)容，歡迎關(guān)注億速云行業(yè)資訊頻道。

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手