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五子棋界面繪製,掌握畫筆畫刷調節顏色寬度,繪製形狀,其次必須精通座標體系。