erlang wx图形界面学习-3

今天看下sudoku_board 模块.
sudoku_board:new/1 :调用wx_object:start/2 将sudoku_gui的Panel和自身的pid传到了init([XX])
wx_Panel:new/2:创建一个窗口
wxWindow:setFocus/1:设置窗口可以接收键盘输入(我这边试了一下,将鼠标移动到需要输入的格子上,可以输入123这些数字)
wxWindow:setSizeHints/2 : 设置window大小.
wxWindow:connect/3 :和handle_event建立监听,具体对应的事件,可以去wx.hrl查看.
wxPen:new/2 :生成一个画笔,第一个参数时颜色,Option包含宽度和样式.
wxMemoryDC:new/0 :生成内存DC,在DC上绘画
wxBitamap:new/2:生成一个位图
wxMemoryDC:selectObject/2
wxDC:isOk/1 :判断DC是否可以使用
Fs : 存放不同大小的字体,在后面会选择对应字体写字
wxFont:new/5 :生成字体对象,用于将文本绘制到设备并设置窗口文本的外观。
wxFont:ok/1 :字体对象是否可用
wxDC:setFont/2 :为DC设置字体
wxDC:getCharHeight/1 :获得字体字高
wxMemoryDC:destroy/1 销毁DC对象
sudoku_board保存画笔和字体,在event事件中wxPaint触发的时候会绘制出游戏界面.至于最开始是如何触发的,一直没找到,我估计在wxWindow:show/1的时候会自动的调用出发该事件一次.
接下来看下sudoku_board在wxPaint事件触发的时候,是如何绘制游戏格子的.

handle_sync_event():
wxWindow:getSize/1 获得窗口大小
wxPaintDC:new/1 :构建PaintDC用来绘制窗口
wxDC:destroyClippingRegion/1:破坏当前剪辑区域
redraw/3: 开始绘画

redraw/3:
wxDC:setBackground/2 : 设置背景
wxDC:clear/1: 清空DC,使用当前背景
draw_board/3:绘制网格
sel_font/2 : 根据格子大小,在font中找到相应字体的大小
draw_number/4 写字

draw_board/3 :
getGeomSz/2:获得每格子的边长 (最短边,为了美观留出?BRD的位置).
wxPen:setWidth/2:设置笔的宽度.
wxPen:setColour/2:设置笔的颜色.
wxDC:setPen/2 :设置DC的画笔.
wxDC:drawRounderdRectangle/3 :绘制一个指定大小的圆角矩形(左上角坐标{?BRD,?BRD},矩形W,矩形H).
wxDC:drawLines/2 :画线
至此,粗线画完了,下面时把Pen的线条缩小,再次画格子里面的细线.

draw_number/4:
get_coords/3 : 获得坐标
sq中,key为坐标,value为值,given为是否给出值,correct是否正确
if … end, 根据不同条件,设置不同的字体效果
wxDC:drawText/3:写字

总的来说,sudoku_board 负责的就是画出格子和数字.

在sudoku_gui 的init()中,Game ! {gfx, self()}处加个timesleep,显示的图片,除了数字,基本的界面已经完成了,下次看sudoku_game模块是如何运行的