Qt自定义图形实现拖拽效果

本文实例为大家分享了Qt自定义图形实现拖拽效果的具体代码，供大家参考，具体内容如下

在这里自定义图形是通过QPaintEvent事件绘画的图形，也可以通过自定义控件的方式添加到qt中。

首先定义类来自定义图形，这里通过paintEvent事件来实现（主要就是绘画一个图形）

void QEventView::paintEvent(QPaintEvent *event)
{
  resize(115+m_iLen,36);
  QPainter painter(this);
  painter.setRenderHint(QPainter::Antialiasing);
  painter.setPen(Qt::blue);

  //定义箭头的坐标
  static const QPoint pointArr[7] =
  {
   QPoint(0,10),
   QPoint(100+m_iLen,10),
   QPoint(100+m_iLen,0),
   QPoint(115+m_iLen,18),
   QPoint(100+m_iLen,36),
   QPoint(100+m_iLen,26),
   QPoint(0,26)
  };
  int i = 0;

  while(i < 7)
  {
    if(i == 6)
      painter.drawLine(pointArr[i],pointArr[0]);
    else
      painter.drawLine(pointArr[i],pointArr[i+1]);
    i++;
  }
  painter.drawText(QPoint(0,22),m_sEventName);

}

接着，主窗口程序通过mousePressEvent() mouseMoveEvent(),实现拖拽移动，

void MainWindow::mousePressEvent(QMouseEvent *event)
{
  qDebug()<<" 1:"<<event->pos();
  //获取控件的对象
  m_pTempWidget = childAt(event->pos());
  qDebug()<<m_pTempWidget;
  if(!m_pTempWidget || m_pTempWidget == centralWidget())
    return;
  //容器存储自定义图形指针，以及图形的位置
  QMap<QEventView*,QPoint>::iterator iter = m_mapEventPoint.begin();
  while(iter != m_mapEventPoint.end())
  {
    if(iter.key() == m_pTempWidget)
    {
      m_windowInitPoint = iter.key()->frameGeometry().topLeft();
      m_StartPoint = event->pos();
      break;
    }
    ++iter;
  }
}

void MainWindow::mouseMoveEvent(QMouseEvent *event)
{
  QMap<QEventView*,QPoint>::iterator iter = m_mapEventPoint.begin();
  while(iter != m_mapEventPoint.end())
  {
    if(iter.key() == m_pTempWidget)
    {

      QPoint distance = event->pos() - m_StartPoint;
      iter.key()->move(m_windowInitPoint + distance);
      break;
    }
    ++iter;
  }
}

就能实现简单的拖拽功能，效果图如下：

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

赞 (0)

相关推荐

  • Qt股票组件之自选股列表拖拽、右键常用菜单功能的实现

    一.开头嘴一嘴 本文带领大家来看看自选股列表的实现. 如果有需要的朋友可以加我好友,有偿提供源码.或者也可以进一步提供功能定制 封装的控件,或者demo都是没有样式的,所以看着会比较丑一些,不过加样式也是分分钟...这里咱可以先看功能,需要即可定制 本篇文章的自选股和大多数炒股软件一样,每一条自选都是支持拖拽的,拖拽时鼠标会跟随一个拖拽映像,并且鼠标移动时,会有拖拽提示,告知我们鼠标释放时拖拽项将会被插入到哪个位置.除过拖拽之外,自选股列表还支持右键菜单,都是一样常用的操作. 右键菜单包括置顶.

  • Qt自定义图形实现拖拽效果

    本文实例为大家分享了Qt自定义图形实现拖拽效果的具体代码,供大家参考,具体内容如下 在这里自定义图形是通过QPaintEvent事件绘画的图形,也可以通过自定义控件的方式添加到qt中. 首先定义类来自定义图形,这里通过paintEvent事件来实现(主要就是绘画一个图形) void QEventView::paintEvent(QPaintEvent *event) { resize(115+m_iLen,36); QPainter painter(this); painter.setRende

  • Android自定义View实现拖拽效果

    Android自定义View实现拖拽效果

    腾讯QQ有那种红点拖动效果,今天就来实现一个简单的自定义View拖动效果,再回到原处,并非完全仿QQ红点拖动. 先来看一下效果图 简单说一下实现步骤 1.创建一个类继承View 2.绘制出一个小球 3.重写onTouchEvent,来根据手指放下,移动,抬起,来控制小球 4.直接在布局中引用 先贴一张图看下View的坐标系 下面就贴一下代码,最后会给出源码 public class CustomView extends View { private int lastX; private int

  • JS仿iGoogle自定义首页模块拖拽特效的方法

    本文实例讲述了JS仿iGoogle自定义首页模块拖拽特效的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999

  • js实现拖拽效果（构造函数）

    一.利用构造函数模式进行开发的优势 1.业务逻辑思路更清晰: 2.避免了大量全局变量的产生,只有一个全局变量,相当于就是这一功能模块向外暴露的唯一接口: 3.如果结合模块化开发,很方便就可以把自定义的模块加到统一modules中,只要自定义的模块名不冲突,使用起来也不会互相干扰: 4.代码可维护性好,利人利己: 二.下面就利用这一模式,以拖拽为实例,进行讲解. 1.html,如下: <body> <div class="box" id="box1"

  • jquery实现简单的拖拽效果实例兼容所有主流浏览器

    jquery实现简单的拖拽效果实例兼容所有主流浏览器

    最近发现web网页的拖拽效果,个人觉得是一种不错的用户体验,抽空研究了一下,原理还蛮简单的,下面贴一下我写的一个简单拖拽jquery自定义函数. jquery代码:fun.js 复制代码 代码如下: jQuery.fn.myDrag=function(){ _IsMove = 0; _MouseLeft = 0; _MouseTop = 0; return $(this).bind("mousemove",function(e){ if(_IsMove==1){ $(this).off

  • 完美实现js拖拽效果 return false用法详解

    本文为大家分享了完美实现js拖拽效果的具体代码,告诉大家return false的用法,供大家参考,具体内容如下 1.return false可以用来阻止默认事件即系统默认事件.例如通过阻止默认事件,来对textarea中的值进行范围限制(通过限制keycode的数值),也可以自定义在页面中的右键菜单(oncontextmenu). 2.在鼠标移动(mousemove)等事件中,是需要给事件传一个参数,保证程序的正常运行.而为了兼容取事件方法为:var oEvent=ev||event; 3.在

  • Android仿qq消息拖拽效果

    Android仿qq消息拖拽效果

    本文实例为大家分享了Android仿qq消息拖拽效果展示的具体代码,供大家参考,具体内容如下 这是一个仿qq消息拖拽效果,View和拖拽实现了分离,TextView.Button.Imageview等都可以实现相应的拖拽效果:在触发的地方调用 MessageBubbleView.attach(findViewById(R.id.text_view), new MessageBubbleView.BubbleDisappearListener() { @Override public void d

  • Android使用贝塞尔曲线仿QQ聊天消息气泡拖拽效果

    本文实例为大家分享了Android仿QQ聊天消息气泡拖拽效果展示的具体代码,供大家参考,具体内容如下 先画圆,都会吧.代码如下: public class Bezier extends View { private final Paint mGesturePaint = new Paint(); private final Path mPath = new Path(); private float mX1 = 100, mY1 = 150; private float mX2 = 300, m

  • Android实现图片浮动随意拖拽效果

    本文实例为大家分享了Android实现图片浮动拖拽效果的具体代码,供大家参考,具体内容如下 实现步骤 1.先自定义一个浮动工具类 public class MoveImage extends ImageView { /** * * 浮动工具类 * */ private int lastX = 0; private int lastY = 0; private int dx; private int dy; private float movex = 0; private float movey

  • 基于Vue实现拖拽效果

    效果图 demo1.gif 分清clientY pageY screenY layerY offsetY的区别 在我们想要做出拖拽这个效果的时候,我们需要分清这几个属性的区别,这几个属性都是计算鼠标点击的偏移值,我们需要对其进行了解才可以继续实现我们的拖拽效果 clientY 指的是距离可视页面左上角的距离 pageY 指的是距离可视页面左上角的距离(不受页面滚动影响) screenY 指的是距离屏幕左上角的距离 layerY 指的是找到它或它父级元素中最近具有定位的左上角距离 offsetY

随机推荐