How can i make a 4 X 12 user interface grid in MFC?

eouah 1 Reputation point
2021-03-31T01:31:51.26+00:00

hi all, I'm new to MFC. I've never made a GUI before but I would like to make an interface which displays a 4 x 12 grid. the grid cells can be clicked to change its colors from white to green but only one at a time. how do I begin making this?

C++
C++
A high-level, general-purpose programming language, created as an extension of the C programming language, that has object-oriented, generic, and functional features in addition to facilities for low-level memory manipulation.
2,633 questions
No comments
{count} votes

2 answers

Sort by: Most helpful
  1. Castorix31 65,791 Reputation points
    2021-03-31T05:22:17.227+00:00

    A test in C++/Win32 (12* 12, change nXMax to 4...)
    You, or someone else, can easily convert it to MFC =>

    83122-grid-win32.gif

    #include <windows.h>  
    #include <tchar.h>  
    #include <vector>  
      
    #include <uxtheme.h> // BeginBufferedPaint  
    #pragma comment (lib, "uxtheme")  
      
    #pragma comment(linker,"\"/manifestdependency:type='win32' \  
    name='Microsoft.Windows.Common-Controls' version='6.0.0.0' \  
    processorArchitecture='*' publicKeyToken='6595b64144ccf1df' language='*'\"")  
      
    HINSTANCE hInst;  
    LRESULT CALLBACK WndProc(HWND, UINT, WPARAM, LPARAM);  
    int nWidth = 402, nHeight = 426;  
      
    std::vector<RECT> rectangles;  
    std::vector<int> cells;  
    int nXMax = 12, nYMax = 12, nCellSize = 32;  
    HBRUSH hBrushWhite, hBrushGreen;  
      
    int APIENTRY wWinMain(_In_ HINSTANCE hInstance, _In_opt_ HINSTANCE hPrevInstance, _In_ LPWSTR lpCmdLine, _In_ int nCmdShow)  
    {  
    	BufferedPaintInit();  
      
    	hInst = hInstance;  
    	WNDCLASSEX wcex =  
    	{  
    		sizeof(WNDCLASSEX), CS_HREDRAW | CS_VREDRAW, WndProc, 0, 0, hInst, LoadIcon(NULL, IDI_APPLICATION),  
    		LoadCursor(NULL, IDC_ARROW), (HBRUSH)(COLOR_WINDOW + 1), NULL, TEXT("WindowClass"), NULL,  
    	};  
    	if (!RegisterClassEx(&wcex))  
    		return MessageBox(NULL, TEXT("Cannot register class !"), TEXT("Error"), MB_ICONERROR | MB_OK);  
    	int nX = (GetSystemMetrics(SM_CXSCREEN) - nWidth) / 2, nY = (GetSystemMetrics(SM_CYSCREEN) - nHeight) / 2;  
    	HWND hWnd = CreateWindowEx(0, wcex.lpszClassName, TEXT("Test"), WS_OVERLAPPEDWINDOW, nX, nY, nWidth, nHeight, NULL, NULL, hInst, NULL);  
    	if (!hWnd)  
    		return MessageBox(NULL, TEXT("Cannot create window !"), TEXT("Error"), MB_ICONERROR | MB_OK);  
    	ShowWindow(hWnd, SW_SHOWNORMAL);  
    	UpdateWindow(hWnd);  
    	MSG msg;  
    	while (GetMessage(&msg, NULL, 0, 0))  
    	{  
    		TranslateMessage(&msg);  
    		DispatchMessage(&msg);  
    	}  
    	return (int)msg.wParam;  
    }  
      
    LRESULT CALLBACK WndProc(HWND hWnd, UINT message, WPARAM wParam, LPARAM lParam)  
    {  
    	int wmId, wmEvent;  
    	switch (message)  
    	{  
    	case WM_CREATE:  
    	{  
    		int n = 0;  
    		for (int x = 0; x < nXMax; x++)  
    		{  
    			for (int y = 0; y < nYMax; y++)  
    			{  
    				RECT r = { (x * nCellSize) + 1, (y * nCellSize) + 1, (x * nCellSize) + 1 + (nCellSize - 1),  (y * nCellSize) + 1 + (nCellSize - 1) };  
    				rectangles.push_back(r);  
    				cells.push_back(0);  
    				if ((x % 2 == 0 && y % 2 == 0) || (x % 2 != 0 && y % 2 != 0))  
    				{  
    					cells[n] = 1;  
    				}  
    				n++;  
    			}  
    		}  
    		hBrushGreen = CreateSolidBrush(RGB(0, 255, 0));  
    		hBrushWhite = CreateSolidBrush(RGB(255, 255, 255));  
    		return 0;  
    	}  
    	break;  
    	case WM_PAINT:  
    	{  
    		PAINTSTRUCT ps;  
    		HDC hDC = BeginPaint(hWnd, &ps);  
    		HDC hDCTarget = hDC;  
    		HDC hBufferedDC = NULL;  
    		RECT rect;  
    		GetClientRect(hWnd, &rect);  
    		HPAINTBUFFER hBufferedPaint = BeginBufferedPaint(hDCTarget, &rect, BPBF_TOPDOWNDIB, 0, &hBufferedDC);  
    		if (hBufferedPaint == NULL)  
    			hBufferedDC = hDCTarget;  
    		if (rectangles.size() > 0)  
    		{  
    			int n = 0;  
    			for (int x = 0; x < nXMax; x++)  
    			{  
    				for (int y = 0; y < nYMax; y++)  
    				{  
    					Rectangle(hBufferedDC, x * nCellSize, y * nCellSize, x * nCellSize + nCellSize + 1, y * nCellSize + nCellSize + 1);  
    					FillRect(hBufferedDC, &(rectangles.at(n)), (cells[n] == 1) ? hBrushGreen : hBrushWhite);  
    					n++;  
    				}  
    			}  
    		}  
    		EndBufferedPaint(hBufferedPaint, TRUE);  
    		EndPaint(hWnd, &ps);  
    	}  
    	break;  
    	case WM_LBUTTONDOWN:  
    	{  
    		int n = 0;  
    		for (std::vector<RECT>::const_iterator citer = rectangles.begin(); citer != rectangles.end(); ++citer)  
    		{  
    			POINT pt = { LOWORD(lParam), HIWORD(lParam) };  
    			if (PtInRect(&(*citer), pt))  
    			{  
    				cells[n] = (cells[n] == 0) ? 1 : 0;  
    				Beep(8000, 10);  
    			}  
    			n++;  
    		}  
    		InvalidateRect(hWnd, NULL, FALSE);  
    	}  
    	break;  
    	case WM_DESTROY:  
    	{  
    		PostQuitMessage(0);  
    		BufferedPaintUnInit();  
    		return 0;  
    	}  
    	break;  
    	default:  
    		return DefWindowProc(hWnd, message, wParam, lParam);  
    	}  
    	return 0;  
    }  
    

  2. Guido Franzke 2,181 Reputation points
    2021-03-31T06:10:00.75+00:00

    Hello,
    you can use this GridCtrl: MFC-Grid-control-2-27
    Regards, Guido

    No comments