前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >用Qt绘制一个棋盘,让上面的图标随着鼠标点击移动

用Qt绘制一个棋盘,让上面的图标随着鼠标点击移动

作者头像
Sindsun
发布2019-12-10 17:52:31
1.3K0
发布2019-12-10 17:52:31
举报
文章被收录于专栏:狂码一生

一、创建一个基类为Widget的桌面应用程序

二、在头文件中定义如下局部变量:

代码语言:javascript
复制
private:

    //棋盘水平方向一个格子的宽度
    int gridW;
    //棋盘水平方向一个格子的高度
    int gridH;
    //棋盘起点x坐标
    int startX;
    //棋盘起点y坐标
    int startY;
    //棋盘下标
    int chessX, chessY;

三、声明如下两个重写的事件

代码语言:javascript
复制
protected:
    //绘图事件
    void paintEvent(QPaintEvent *event);
    //鼠标移动事件
    void mousePressEvent(QMouseEvent *event);

四、头部引入需要用到的头文件

代码语言:javascript
复制
#include QPainter
代码语言:javascript
复制
#include QPen
代码语言:javascript
复制
#include QMouseEvent
代码语言:javascript
复制
#include QDebug

五、实现重写事件的程序

代码语言:javascript
复制
void Widget::paintEvent(QPaintEvent *event)
{
    //窗口的宽度分10份
    gridW = width() / 10;
    //窗口的高度分10分
    gridH = height() / 10;

    //棋盘起点坐标
    startX = gridW;
    startY = gridH;

    //创建画家,指定窗口为绘图设备
    QPainter p(this);
    //背景图
    p.drawPixmap(this->rect(),QPixmap("../Images/bg.jpg"));
    //设置画笔
    QPen pen;
    //线宽
    pen.setWidth(4);
    //将画笔交给画家
    p.setPen(pen);

    //取中间8份画棋盘
    for(int i = 0; i x();
    int y = event->y();
    //要保证点击在棋盘范围里面
    if(x > startX && x  startY && y <= startX+gridH*8){
        //棋盘的位置转换为坐标的下标值
        //类似于a[i][j]是的i和j
        chessX = (x-startX)/gridW; //因为变量是Int类型,所以在除法之后会向下取整
        //qDebug() << " chessX:" << chessX << " gridW:" << gridW << " x:" << x << " startX:" << startX;
        chessY = (y-startY)/gridH;
        //更新窗口
        update();
    }
}

六、最终实现的效果如下 :

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2018-09-13,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档