Microsoft Foundation Classes: creating a Sudoku game. Part 2.

It's the second part of the article about creating a Sudoku game using MFC. In this part you will read about how to create GUI for this game. The MFC applications are closely connected to the document-view architecture. When you create a project two classes are created: document class and view class. The document class contains the data used in your application. The view class is a class that displays the data from the document class. Im Sudoku project these classes are declared as: class CSudokuDoc : public CDocument and class CSudokuView : public CView In the document class we declare a variable of board class: It's the only one change to the generated document class. The view class definition is almost unchanged. I added only 1 variable, an array of colors to draw different numbers with different colors, 3 buttons and a form to enter number(the description of this form will be shown later): The representation of data, that is stored in the board variable is done in the function Now let's look on the OnDraw function, because it contains the most part of the project's code. First step is to get the pointer to the document object to draw data from the document: Now I create some pens for work and get the clients frame rectangle: The GUI should represent a grid of numbers. That's why we need to draw this grid first: The board variable holds data of the Sudoku game. We need to draw the numbers from this variable in the frame: The initialization of buttons and colors is done in the next way: And this is an example how to set text to button: The next step is to handle events from 3 buttons and event of mouse pressed. We have to edit the declaration of message map and add next events: This can be done automatically by Visual Studio by adding events in the property window. The message man declares which function will handle event from every source. So now we have to implement function to handle events. When you press the "New Game" button a form to select difficulty appears: The onNewGame functions takes the result of your selection and sets difficulty to the game: The implementation of the difficulty form is: The help button simply add a number from the solution array to the array of current state: The most interesting thing is about handling event from mouse. For the game we need to achieve the coordinates of the pressed point and check, if it's pressed on an empty cell: Now, if the cell is empty, ask user to input a number: In this part of code a form to input a number appears: If the inputted number can be added to the board it's added and the main frame is redrawn.If it's an incorrect number - user will see the message of the error and nothing will be changed. You can download the source code of the game and try it by yourself. Try to solve the game on the most difficult level.