QT五子棋项目详解之一:界面绘制

首页展示:



第1步设置首页:新建项目,选择mainwindow基类,在UI界面,选择按钮和lable标签。给label设置背景图片哥的妹子。为按钮设置槽。



第2步:新建qt界面师设计类gamewindow,点击人人对战或人机对战就会转到gamewindow界面。



第3步:绘制棋盘

棋盘绘制效果图:


3.1设置界面大小和背景,setmouseTracking为接受鼠标移动


3.2 绘制棋盘边界边框,棋盘内颜色


3.3绘制棋盘


3.4绘制棋盘中间的5个小黑点


3.5上面几部绘制完毕我们还要考虑画棋子。

我们用数组chess[15][15]来表示棋盘,棋盘中4代表黑子,5代表白字。

注意一下qt中奇怪的坐标体系。


3.6 随着鼠标的移动绘制红框    



鼠标移动事件,movex,movey代表当前坐标,全部变量


绘制红色方框


3.7红色十字


currentx,currenty记录最后一个落子的坐标



总结:QT五子棋界面绘制,掌握画笔画刷调节颜色宽度,绘制形状,其次必须精通坐标体系。

  • 30
    点赞
  • 153
    收藏
    觉得还不错? 一键收藏
  • 15
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 15
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值