සමාන්‍යයෙන් C++ වලින් GUI එකක් හදන්න ටිකක් අමාරුයි. අද මන් මේ කියා දෙන්න යන්නෙ ලේසියෙන්ම Win32 API එක පාවිච්චි කරල GUI එකක් හදන හටි. QT libraries යොදාගෙනත් කරන්න පුලුව්න්. ඒත් අද මන් මේ කියා දෙන විදියට එහෙම libraries මුකුත් ඕනි නෑ, ගොඩාක් ලේසි. මන් මේකට යොදගන්නෙ Visual Studio 2008. Drag and Drop විදියට GUI design කරන්න පුලුවන් මෙ විදියට කලාම.
ඔන්න එහෙනම් වැඩේ පටන් ගම්මු...
1) මුලින්ම VS 2008 වලින් අලුත් C++ Win32 ConsoleAplication Project එකක් පටන් ගන්න. ඕනි විදියට නම් එහෙම දාගන්න පහලින් ;) (මන් මෙතනදි දෙන්නෙ TestGUI කියල )
2) ඊලගට එන window එකෙන් project එකේ අනිත් settings හදන්න ඕනි. Application Settings වලදි Application Type: Console Application, Additional options: Empty Project විදියට හදන්න. (Precompiled Heder untik කරන්න.) ඒ ටික කරල ඉවර වෙලා Finish කරන්න.
3) Project Configurations
Right Click on Project-> Properties->Linker->System
SubSytem Windows එක (/SUBSYSTEM:WINDOWS) විදියට වෙනස් කරන්න.
Apply->OK
4) දැන් තියෙන්නෙ resource file එකක් add කරන්න.
Right Click on Resource Files filter in Project-> Properties->Add->New Item
Add New Item Window එකෙන් අලුත් Resource file එකක් Create කරගන්න. (කැමති නමක් දෙන්න , මන් මෙතනදි දෙන්නෙ MainGUI කියල )
5) දැන් Resource Files ෆිල්ටර් එකට MainGUI කියල .rc file එකක් ඇවිල්ල ඇති. දැන් ඒක double click කරන්න. එතකොට Resource View එකට යයි. (ඔයාල වෙන නමක් දැම්මනම් ඒ දාපු නමින් .rc එකක් ඇති.)
Right Click on MainGUI.rc -> Add Resource...
Add Resource window එකෙන් Dialog කියන එක කරල New button එක click කරන්න. ඊට පස්සෙ මේ පහලින් තියෙන දෙවනි ScreenShot එක වගේ තැනකට එයි.
දැන් අපිට කැමති විදියට එහා පැත්තෙ තියෙන ToolBox එකෙන් Itemsඩ්‍, drag and drop කරල කැමති විදියට අපේ GUI එක design කරගතැකි.
තාම වැඩ ඉවර නෑ. දැන් මේක Run කරගන්නත් එපැයි... ;)
Header Files filter එකට resource.h කියල header file එකක් ඇවිල්ල ඇති. වැරදිලාවත් ඒකනම් delete කරන්නනම් එපා. ඒ file එක අපි resource file එක add කරද්දි auto generate වෙන file එකක්. ඒ header එකේ තමයි අපි resource file (GUI) එකට අඩ්ඩ් කරන components ඇත්තටම define වෙන්නෙ.
6) දැන් .cppඑකක් අඩ්ඩ් කරගෙන ඉතුරු ටික කරන්නෙ.
Right Click on Source Files -> Add -> Add New Item
එතනින් C++ File , select කරල cpp එකට කැමති නමක් දෙන්න. ((මන් මෙතනදි දෙන්නෙ Main කියල )
දැන් ඒ cpp එකේ මේ ටික type කරන්න.
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
#include <Windows.h>
#include <WindowsX.h>
#include <tchar.h>
#include "resource.h"
INT_PTR CALLBACK SD_DialogProc( HWND hwndDlg, UINT uMsg, WPARAM wParam, LPARAM lParam );
////////////////////////////////////////////////////////////////////////////////
int WINAPI _tWinMain( HINSTANCE hInstance, HINSTANCE /*hPrevInstance*/, LPWSTR /*lpCmdLine*/, int /*nShowCmd*/)
{
DialogBox(hInstance,MAKEINTRESOURCE(IDD_DIALOG1),GetDesktopWindow(),SD_DialogProc);
return 0;
}
////////////////////////////////////////////////////////////////////////////////
BOOL SD_OnInitDialog(HWND hwnd, HWND hwndFocus, LPARAM lParam);
void SD_OnCommand(HWND hwnd, int id, HWND hwndCtl, UINT codeNotify);
INT_PTR CALLBACK SD_DialogProc( HWND hwndDlg, UINT uMsg, WPARAM wParam,LPARAM lParam)
{
switch(uMsg)
{
HANDLE_MSG(hwndDlg, WM_INITDIALOG, SD_OnInitDialog);
HANDLE_MSG(hwndDlg, WM_COMMAND, SD_OnCommand);
}
return FALSE;
}
BOOL SD_OnInitDialog(HWND hwnd, HWND /*hwndFocus*/, LPARAM /*lParam*/)
{
return FALSE;
}
void SD_OnCommand(HWND hwnd, int id, HWND /*hwndCtl*/, UINT /*codeNotify*/)
{
switch(id)
{
case IDOK:
{
MessageBox(hwnd, L"Welcome to C++ GUI building...!!!", L"Information", NULL);
}
break;
case IDCANCEL:
EndDialog(hwnd, 0);
break;
}
}
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
මේ codeඑක ගැනත් පොඩ්ඩක් පැහැදිලි කරන්නම්.
අපි මේකෙ main method එක ඇතුලට අපි add කරපු dialog එකෙ නම දාල, Run කරන්න විතරයි දැන් තියෙන්නෙ.
GUI එක Run වෙද්දිම මොනවහරි වෙන්න දෙයක් තියෙනවනම්
BOOL SD_OnInitDialog(HWND hwnd, HWND /*hwndFocus*/, LPARAM /*lParam*/)
{
return FALSE;
}
metod එක ඇතුලෙ ඒව ලියන්න ඕනි. උදාහරණයක් විදියට Combo Box එකකට default values පුරවන වගේ ඒව.
GUI එකෙන් එන Action Listen කරන්නෙ,
void SD_OnCommand(HWND hwnd, int id, HWND /*hwndCtl*/, UINT /*codeNotify*/)
{
}
අපි GUI එකට add කරන හැම component එකකටම Unique Id එකක් තියෙනව. ඒ id එක දල caseඑකක් ලියල අදාල component එකෙන් එන action listen කරතැකි.
උදා: IDOKකියන්නෙ මගේ GUI එකේ තියෙන OK button එකෙ Id එක. දැන් ඒ button එක click කලාම ඊට අදාළව case එක ඇතුලෙ ලියල තියෙන වැඩේ තමා වෙන්නෙ.
switch(id)
{
case IDOK:
{
MessageBox(hwnd, L"Welcome to C++ GUI building...!!!", L"Information", NULL);
}
break;
}
එහෙනම් ඔන්න වැඩේ ඉවරයි. ප්‍රශ්න එහෙම තියෙනවනම් කොමෙන්ටුවක් දාල අහන්නකෝ...
මම හදපු project එක ඔනිනම් පහළ ලින්ක් එකෙන් download කරගන්න. :-)
.jpg)
