如何为 Pocket PC 开发能够识别方向和 DPI 的应用程序

启动 Microsoft eMbedded Visual C++ 4.0 版本。

在 Tools 菜单上，单击 Configure Platform Manager。

展开 Pocket PC 2003，然后单击 Add Device。

键入 Pocket PC 2003 SE Emulator 作为新设备的名称。

单击 Properties。

将 Transport 更改为 TCP/IP Transport for Windows CE。

确保 Startup Server 为 Emulator Startup Server。

然后转到 Emulator Startup Server，单击 Configure。

在 Image 列表中，选择 WWE PPC 2003 SE。

在每个对话框上单击 OK，关闭所有三个对话框。

从 BaseSample 文件夹打开工作区 CrosswordSample.vcw。

在 Windows CE Configuration 工具栏上，选择 Win32 (WCE emulator) Debug 作为活动配置，并选择 Pocket PC 2003 SE Emulator 作为默认设备。

按 F5 键运行该示例。如果出现任何 Find Local Modules 对话框，单击 Cancel。

细读源代码，以便了解该示例是如何实现的。

在仿真程序中，按 F2 键以观察它是如何处理纵向/横向这两个方向的变化的。

请注意以下问题，如下图所示。

在 LandscapeAware 文件夹中，复制 Background1.bmp。

将 Background1.bmp 粘贴到 Crossword\BaseSample 文件夹。

在 OnPaint 处理程序中，将现有的 BitBlt 语句替换为以下代码。

BitBlt(hDC, 0, 0, 320, 320, hMemDC, 0, 0, SRCCOPY);

添加以下函数。

BOOL InWideMode()
{
    int height = GetSystemMetrics(SM_CYSCREEN);
    return (height < 320) ? TRUE : FALSE;
}

在 OnPaint 中（绘制提示区域的位置），删除声明 RECT r 的行，然后将其替换为以下代码行。

RECT rTallMode = { 25, 200, 230, 245 };
RECT rWideMode = { 240, 43, 311, 185 };
RECT& r = InWideMode() ? rWideMode : rTallMode;

用以下代码替换 OnLButtonDown 中现有的 RECT.r 声明，因为单击鼠标左键时提示区域是无效的。

RECT rTallMode = { 0, 189, 240, 320 };
RECT rWideMode = { 240, 26, 320, 240 };
InvalidateRect(hWnd, InWideMode() ? &rWideMode : &rTallMode, FALSE);

创建一个新的对话框。（在 Insert 菜单上，单击 Resource，选择 Resource type 列表中的 Dialog，然后单击 New）。

删除默认的 OK 和 Cancel 按钮。

右键单击对话框，然后单击 Properties。

在 ID 框中，键入 IDD_TOOLS_OPTIONS_1_WIDE。

通过拖动右下角至适当大小，将对话框的大小调整到 187 _ 91 DLU。（这些尺寸大概就是横向模式中对话框的大小。）

在右侧“Resource”窗格中，双击 IDD_TOOLS_OPTIONS_1。

按 CTRL+A，选择所有项，然后按 CTRL+C，将这些项复制到剪贴板。

打开 IDD_TOOLS_OPTIONS_1_WIDE，然后按 CTRL+V，粘贴这些项。

调整这些项的大小并重新排列，以使其适合新的对话框，如下图所示。

您可以发现，通过暂时放大对话框的大小，能够更轻松地重新排列这些项，随意移动这些项以后再将对话框的大小调整到 187 _ 91 DLU。

对于 IDD_TOOLS_OPTIONS_1_WIDE，将 ID 为 IDC_STATIC 的三个对话框控件重命名为：IDC_STATIC_1、IDC_STATIC_2 和 IDC_STATIC_3。所有这些 ID 必须都是唯一的，这样 RelayoutDialog 才能识别纵向模式的哪些控件对应于横向模式的哪些控件。

重复 IDD_TOOLS_OPTIONS_1 的第 10 步，确保为每个控件提供与其对应的横向控件相同的 ID。

重复 IDD_TOOLS_OPTIONS_2 的第 1 到 11 步，确保将 IDD_TOOLS_OPTIONS_2 和 IDD_TOOLS_OPTIONS_2_WIDE 的 IDC_STATIC 控件重命名为 IDC_STATIC_1。

在 CrosswordSample.cpp、ToolsOptions1.cpp 和 ToolsOptions2.cpp 中，添加以下语句。

#include UIHelper.H

In ToolsOptions1.cpp, add the following WM_SIZE handler:
case WM_SIZE:
{
     RelayoutDialog(g_hInst, hDlg, InWideMode() ?
         MAKEINTRESOURCE(IDD_TOOLS_OPTIONS_1_WIDE) :
         MAKEINTRESOURCE(IDD_TOOLS_OPTIONS_1));
}
return TRUE;

在 ToolsOptions2.cpp 中，添加以下 WM_SIZE 处理程序。

case WM_SIZE:
{
     RelayoutDialog(g_hInst, hDlg, InWideMode() ?
         MAKEINTRESOURCE(IDD_TOOLS_OPTIONS_2_WIDE) :
         MAKEINTRESOURCE(IDD_TOOLS_OPTIONS_2));
}
return TRUE;

在 ToolsAbout.cpp 中，添加以下 WM_SIZE 处理程序（在这种情况下，您可以手动处理 About 对话框模板，而无需使用 RelayoutDialog）。

case WM_SIZE:
{
    INT nWidth = LOWORD(lParam);
    INT nHeight = HIWORD(lParam);
    HWND hWnd = GetDlgItem(hDlg, IDC_STATIC_1);
    RECT rWnd;
    RECT rDlg;
    GetWindowRect(hWnd, &rWnd);
    GetWindowRect(hDlg, &rDlg);
    OffsetRect(&rWnd, -rDlg.left, -rDlg.top);
    MoveWindow(hWnd, rWnd.left, rWnd.top, 
    nWidth - rWnd.left - 8, 
    nHeight - rWnd.top - 8, TRUE);
}
return TRUE;

在 CrosswordSample.h 中，添加 Function Prototypes 部分中的下列行。

BOOL                 InWideMode();

验证整个应用程序是否处理了横向/纵向这两个方向的变化。

在 Insert 菜单上，单击 Resource。

单击 Custom。

键入 CEUX 作为资源类型。

将资源数据设置为 01 00。

在“Resources”窗格中，右键单击新的资源，然后单击 Properties。

将该项重命名为 "HI_RES_AWARE"（包括引号）。（如果省略引号，则 HI_RES_AWARE 将在 resource.h 中被错误地定义为数值，并且您将需要从 resource.h 中删除该行。）

清除 External file 复选框。

在 Tools 菜单上，单击 Configure Platform Manager。

单击 Add Device。

为新设备键入名称（例如，Pocket PC 2003 SE VGA Emulator）。

单击 Properties。

将 Transport 更改为 TCP/IP Transport for Windows CE。

确保 Startup Server 为 Emulator Startup Server。

单击 Configure。

在 Image 列表中，选择 WWE PPC 2003 SE VGA。

在每个对话框上单击 OK，关闭所有三个对话框。

从 Windows CE Configuration 工具栏中选择新设备。

按 F5 键运行该应用程序。您应该看到下图。

观察以下问题：

将调用添加到 InitInstance 顶部的 HIDPI_InitScaling 之中。

将未缩放常数周围的 SCALEX 和 SCALEY 宏添加到 CroswordSample.cpp 中的所有以下函数：

r.left   = SCALEX(16) * x;
r.top    = SCALEY(16) * y;
r.right  = r.left + SCALEX(16) + 1;
r.bottom = r.top + SCALEY(16) + 1;

运行 Crossword 示例，以便查看某些问题是否已修复，如下图所示。

在 Insert 菜单上，单击 Resource 和 Import，定位到 HidpiAware 文件夹，然后选择 Background1_hidpi.bmp。

在 Properties 选项卡上，将文件重命名为 IDB_BACKGROUND_1_HIDPI。当屏幕分辨率为 192 DPI 或更高时，您将使用该位图。

在 OnPaint 中，将绘制背景的代码替换为以下代码。请注意 StretchBlt 的用法。

int nImageSize = g_HIDPI_LogPixelsX >= 192 ? 640 : 320;
HBITMAP hBMP = LoadBitmap(g_hInst, g_HIDPI_LogPixelsX >= 192 ?
               MAKEINTRESOURCE(IDB_BACKGROUND_1_HIDPI) :
               MAKEINTRESOURCE(IDB_BACKGROUND_1));
HDC hMemDC = CreateCompatibleDC(hDC);
HBITMAP hOldBMP = (HBITMAP)SelectObject(hMemDC, hBMP);
StretchBlt(hDC, 0, 0, SCALEX(320), SCALEY(320), 
           hMemDC, 0, 0, nImageSize, nImageSize, SRCCOPY);
SelectObject(hMemDC, hOldBMP);
DeleteObject(hBMP);
DeleteDC(hMemDC);

通过添加以下代码，使分隔线（和提示区域的边框）的宽度为两像素。

HPEN hNewPen = CreatePen(PS_SOLID, SCALEX(1), RGB(0, 0, 0));
HPEN hOldPen = (HPEN)SelectObject(hDC, hNewPen);
POINT line[] = { {SCALEX(0), SCALEY(188)}, {SCALEX(240), SCALEY(188)} };
Polyline(hDC, line, 2);
    
// Erase the hint area using a pattern brush.

两个 DeleteObject 调用后，添加下列行。

SelectObject(hDC, hOldPen);
DeleteObject(hNewPen);

生成一个创建字体的函数。

void CreateHintFont()
{
    if (g_hFont)
    {
        DeleteObject(g_hFont);
    }

    DWORD dwRequired;
    LONG  dwFontSize = 12;
    SHGetUIMetrics(SHUIM_FONTSIZE_PIXEL, &dwFontSize,
        sizeof(dwFontSize), &dwRequired);

    LOGFONT lf;
    memset(&lf, 0, sizeof(lf));
    _tcscpy(lf.lfFaceName, _T("Courier New"));
    lf.lfHeight = -dwFontSize;
    lf.lfWeight = FW_NORMAL;
    g_hFont = CreateFontIndirect(&lf);
}

在 InitInstance 中，删除 CreateFontIndirect 调用，然后将其替换为对刚才生成的 CreateHintFont 函数的调用。 当该字体大小更改时，还需要通知 Crossword 示例。

靠近 Crossword.CPP 的顶部，声明 WM_SH_UIMETRIC_CHANGE 作为全局变量。

在 InitInstance 的顶部，通过调用 RegisterWindowMessage 来初始化 WM_SH_UIMETRIC_CHANGE。

UINT WM_SH_UIMETRIC_CHANGE; // define this as a global.
:
:
WM_SH_UIMETRIC_CHANGE = RegisterWindowMessage(SH_UIMETRIC_CHANGE);
//When you receive this window message in WndProc, recreate the hint //font:
if (message == WM_SH_UIMETRIC_CHANGE)
{
    CreateHintFont();
}

运行 Crossword 示例，以便查看是否已修复了更多的问题，如下图所示。

用以下代码修改代码行 lpmis->itemHeight = 40。

lpmis->itemHeight = SCALEY(40);

在 WM_INITDIALOG 处理程序中还有一个硬编码的 15，它指的是滚动条的宽度。

使用 GetSystemMetrics 来获得垂直滚动条的真正宽度。

用以下代码替换代码行 lvColumn.cx = r.right – r.left – 15;。

lvColumn.cx = r.right - r.left – 
    GetSystemMetrics(SM_CXVSCROLL) – 
    2 * GetSystemMetrics(SM_CYBORDER);