{"id":313,"date":"2009-04-12T23:39:29","date_gmt":"2009-04-12T18:09:29","guid":{"rendered":"http:\/\/techtwaddle.net\/?p=313"},"modified":"2011-04-12T23:39:54","modified_gmt":"2011-04-12T18:09:54","slug":"applications-creating-a-simple-ui-application-for-windows-mobile-6-using-visual-studio-2005-part-3","status":"publish","type":"post","link":"https:\/\/techtwaddle.co.in\/blog\/2009\/04\/12\/applications-creating-a-simple-ui-application-for-windows-mobile-6-using-visual-studio-2005-part-3\/","title":{"rendered":"Applications: Creating a simple UI application for Windows Mobile 6 using Visual Studio 2005: Part 3"},"content":{"rendered":"
So now our program displays the system width and height in a Message box. Let us see how this message box evolves into a Dialog box.<\/div>\n

 <\/p>\n

Instead of displaying the system metrics in a Message box, we will display the same information in a full screen dialog box. The dialog box will have a menu bar, with the left soft key as "Back<\/span>" and the right soft key as "Refresh<\/span>". We’ll see what "Refresh<\/span>" will do later.<\/span>

\n

\nFirst lets add the dialog box resource to our project. You can add a new dialog using the resource editor. Go to Resource view, right click on Dialog and "Add Resource..<\/span>", from the list select POCKETPC_PORTRAIT<\/span> dialog. This will add a new dialog resource to the project. Rename the dialog id to IDD_DIALOG_SYSMETRIC<\/span> and change the title to "System Metric<\/span>". Now add four static texts to the dialog. 2 containing the text "System Width:<\/span>" and "System Height:<\/span>" and the other two will contain the actual numbers.  Lets name the controls which will contain the width and height as IDC_STATIC_SYSWIDTH<\/span> and IDS_STATIC_SYSHEIGHT<\/span>. The dialog will now look like:<\/span><\/p>\n

\"\"<\/p>\n

\nLets create the menu bar for our new dialog. Add the following piece of code to HelloWorldppc.rc2:<\/span>

\n
\nIDR_MENU_SYSMETRIC SHMENUBAR DISCARDABLE<\/span>

\nBEGIN<\/span>

\n    IDR_MENU_SYSMETRIC, <\/span>

\n    2,<\/span>

\n

\n    I_IMAGENONE, IDM_BACK, TBSTATE_ENABLED, TBSTYLE_BUTTON | TBSTYLE_AUTOSIZE,<\/span>

\n    IDS_BACK, 0, NOMENU,<\/span>

\n    <\/span>

\n    I_IMAGENONE, IDM_REFRESH, TBSTATE_ENABLED, TBSTYLE_BUTTON | TBSTYLE_AUTOSIZE,<\/span>

\n    IDS_REFRESH, 0, NOMENU,<\/span>

\nEND<\/span><\/p>\n

This defines the new menu bar, IDR_MENU_SYSMETRIC<\/span>, for an explanation of the above see my previous post "<\/span>Applications: Creating a simple UI application for Windows Mobile 6 using Visual Studio 2005: Part 2<\/span><\/a>"<\/span>

\n

\nThis menu bar does not have any popup menu. You can see that both the entries are TBSTYLE_BUTTON<\/span> and NOMENU<\/span>.<\/span>

\n

\nNow you need to #define<\/span> the entries for IDR_MENU_SYSMETRIC, IDM_BACK, IDS_BACK, IDM_REFRESH, IDS_REFRESH<\/span> in resourceppc.h<\/span>. Make sure that the numbers you assign to these macros are unique.<\/span>

\n

\nThe dialog and the menu bar are ready, now we just need to call DialogBox <\/span>in our main code. So, in HelloWorld.cpp<\/span>, replace the call to MessageBox <\/span>under IDM_SYSTEM_METRIC<\/span> with:<\/span>

\n

\nDialogBox(g_hInst, MAKEINTRESOURCE(IDD_DIALOG_SYSMETRIC), hWnd, SysMetricDlgProc);<\/span>

\n

\nThe first parameter contains the instance handle of the module which contains the resource template of the dialog. The MAKEINTRESOURCE <\/span>macro converts the number IDD_DIALOG_SYSMETRIC<\/span> to a resource type, required by DialogBox<\/span>. Third parameter specifies the parent window of the Dialog box. And the last parameter is the callback function which will handle the messages of our dialog.<\/span>

\n

\nAlso, forward declare the callback function as follows:<\/span>

\n

\nBOOL CALLBACK SysMetricDlgProc(HWND, UINT, WPARAM, LPARAM);<\/span>

\n

\n

\nHere is the code for the Dilaog proc, SysMetricDlgProc<\/span><\/span><\/p>\n

BOOL CALLBACK SysMetricDlgProc(HWND hDlg, UINT uMessage, WPARAM wParam, LPARAM lParam)<\/span>

\n{<\/span>

\n    int wmId, wmEvent;<\/span>

\n

\n    switch (uMessage)<\/span>

\n    {<\/span>

\n        case WM_INITDIALOG:<\/span>

\n            {<\/span>

\n                \/\/ Create a Done button and size it.  <\/span>

\n                SHINITDLGINFO shidi;<\/span>

\n                SHMENUBARINFO mbi;<\/span>

\n

\n                shidi.dwMask = SHIDIM_FLAGS;<\/span>

\n                shidi.dwFlags = SHIDIF_DONEBUTTON | SHIDIF_SIPDOWN | SHIDIF_SIZEDLGFULLSCREEN | SHIDIF_EMPTYMENU;<\/span>

\n                shidi.hDlg = hDlg;<\/span>

\n                SHInitDialog(&shidi);<\/span>

\n

\n

\n                memset(&mbi, 0, sizeof(SHMENUBARINFO));<\/span>

\n                mbi.cbSize     = sizeof(SHMENUBARINFO);<\/span>

\n                mbi.hwndParent = hDlg;<\/span>

\n                mbi.nToolBarId = IDR_MENU_SYSMETRIC;<\/span>

\n                mbi.hInstRes   = g_hInst;<\/span>

\n

\n                if (!SHCreateMenuBar(&mbi)) <\/span>

\n                {<\/span>

\n                    printf("SHCreateMenuBar failed err code:%d\\n", GetLastError());<\/span>

\n                }<\/span>

\n                else<\/span>

\n                {<\/span>

\n                }<\/span>

\n

\n                UpdateSystemMetric(hDlg);<\/span>

\n            }<\/span>

\n            return TRUE;<\/span>

\n

\n        case WM_COMMAND:<\/span>

\n            wmId = LOWORD(wParam);<\/span>

\n            wmEvent = HIWORD(wParam);<\/span>

\n

\n            switch(wmId)<\/span>

\n            {<\/span>

\n                case IDOK:<\/span>

\n                    EndDialog(hDlg, uMessage);<\/span>

\n                    return TRUE;<\/span>

\n

\n                case IDM_REFRESH:<\/span>

\n                    \/\/MessageBox(NULL, L"Pressed refresh",L"Info", MB_OK);<\/span>

\n                    UpdateSystemMetric(hDlg);<\/span>

\n                    return TRUE;<\/span>

\n

\n                case IDM_BACK:<\/span>

\n                    EndDialog(hDlg, uMessage);<\/span>

\n                    return TRUE;<\/span>

\n            }<\/span>

\n            break;<\/span>

\n

\n        case WM_CLOSE:<\/span>

\n            EndDialog(hDlg, uMessage);<\/span>

\n            return TRUE;<\/span>

\n

\n    }<\/span>

\n

\n    return FALSE;<\/span>

\n}<\/span>

\n

\n

\nIn WM_INITDIALOG<\/span>, we initialise the dialog as full screen and also add the menu bar. The UpdateSystemMetric()<\/span> function updates the dialog with the system width and system height.<\/span>

\n
\nBOOL UpdateSystemMetric(HWND hDlg)<\/span>

\n{<\/span>

\n    int width = -1, height = -1;<\/span>

\n

\n    width =  GetSystemMetrics(SM_CXSCREEN);<\/span>

\n    height = GetSystemMetrics(SM_CYSCREEN);<\/span>

\n

\n    SetDlgItemInt(hDlg, IDC_STATIC_SYSWIDTH, width, FALSE);<\/span>

\n    SetDlgItemInt(hDlg, IDC_STATIC_SYSHEIGHT, height, FALSE);<\/span>

\n

\n    return TRUE;<\/span>

\n}<\/span><\/p>\n

UpdateSystemMetric()<\/span> function uses the same api to get the screen width and height. And it uses SetDlgItemInt()<\/span> api to set the contents of IDC_STATIC_SYSWIDTH<\/span> static control to width, and the same for height.<\/span>

\n

\n

\nNow we handle IDM_BACK<\/span> and IDM_REFRESH<\/span> under WM_COMMAND<\/span>. IDM_BACK<\/span> simply ends the dialog and returns to the main screen, IDM_REFRESH<\/span>, re-calculates the width and height and updates the values in the UI.<\/span>

\n

\n

\nNow when we select the "System Metric<\/span>" menu item, the dialog box will show up as below:<\/span>

\n
\n\"\"
\n

\nand when we switch the emulator to landscape mode and hit "Refresh", the values are updated in the UI.<\/span><\/p>\n

\"\"<\/div>\n

Part 1<\/a>
\nPart 2<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

So now our program displays the system width and height in a Message box. Let us see how this message box evolves into a Dialog box.   Instead of displaying the system metrics in a Message box, we will display the same information in a full screen dialog box. The dialog box will have a … Continue reading Applications: Creating a simple UI application for Windows Mobile 6 using Visual Studio 2005: Part 3<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"spay_email":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false},"categories":[1],"tags":[],"jetpack_featured_media_url":"","jetpack_publicize_connections":[],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p1ktFF-53","_links":{"self":[{"href":"https:\/\/techtwaddle.co.in\/blog\/wp-json\/wp\/v2\/posts\/313"}],"collection":[{"href":"https:\/\/techtwaddle.co.in\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/techtwaddle.co.in\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/techtwaddle.co.in\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/techtwaddle.co.in\/blog\/wp-json\/wp\/v2\/comments?post=313"}],"version-history":[{"count":1,"href":"https:\/\/techtwaddle.co.in\/blog\/wp-json\/wp\/v2\/posts\/313\/revisions"}],"predecessor-version":[{"id":314,"href":"https:\/\/techtwaddle.co.in\/blog\/wp-json\/wp\/v2\/posts\/313\/revisions\/314"}],"wp:attachment":[{"href":"https:\/\/techtwaddle.co.in\/blog\/wp-json\/wp\/v2\/media?parent=313"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/techtwaddle.co.in\/blog\/wp-json\/wp\/v2\/categories?post=313"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/techtwaddle.co.in\/blog\/wp-json\/wp\/v2\/tags?post=313"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}