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五子棋界面绘制,掌握画笔画刷调节颜色宽度,绘制形状,其次必须精通坐标体系。