啟動eMbedded Visual C++。

eMbedded Visual C++ 的基本用戶界面如下圖所示。必要時，先花幾分鐘時間瀏覽一下這些工具，再進入下一個步驟。

在 File 菜單上，單擊 New。

在 New 對話框中，選擇 WCE MFC AppWizard (exe) 作為待創建項目。

在 Project name 框中，鍵入 Scribble

在 Location 框中，輸入 C:\LABS\EVCBASIC。

對于 Windows CE，您不會像在 Intel x86 處理器中那樣受到限制。注意該對話框右下角的處理器列表。默認情況下，所有的可用處理器都被選中。由于現在的目標只是仿真程序，因此除 Win32 (WCE emulator) 之外，清除所有的復選框，如下圖所示。

單擊 OK 啟動向導。

在該向導的第一頁中，單擊 Single document，確保選定 Document/View Architecture support? 復選框，然后單擊 Next，如下圖所示。

選擇 Document/View Architecture support? 復選框將使該向導為應用程序的主代碼創建兩個類。Document 類旨在保存和保持狀態（數據），而 View 類提供數據的圖形化表示形式。這是一種“一對多”關系，其中 Document 類可能具有多種相關視圖，每個視圖提供數據的一個不同的圖形因素。該體系結構以數據為中心，因此，更改通知很簡單，并且通過文檔集中進行數據訪問和存儲。

在該向導的下一頁中，保留所有的默認選項，然后單擊 Next，如下圖所示。

在該向導的下一頁中，單擊 Next，如下圖所示。

在該向導的下一頁中，單擊 Finish，如下圖所示。

出現摘要時，單擊 OK 完成該向導，如下圖所示。

單擊 Build | Set Active Platform 菜單命令。

在對話框中，選擇 STANDARDSDK_410，然后單擊 OK，如下圖所示。

您也可以從 WCE 配置工具欄中選擇活動平臺。

在這種情況下，您只能使用單個的平臺。如果您已經安裝更多的 SDK，此處的列表將會增加。

單擊 Build | Set Active Configuration 菜單命令。

在對話框中，選擇 Scribble – Win32 (WCE emulator) Debug，然后單擊 OK，如下圖所示。

您也可以從 WCE 配置工具欄中選擇活動配置。

對于在初始向導頁中選定的每種處理器類型，都會有兩種相關的項目配置：調試和發布。每種配置都包含諸如編譯、鏈接以及調試設置等信息。您可以通過 Build | Configurations 菜單創建其他配置或刪除現有配置。由于只選定了仿真程序處理器，因此，您只有兩種配置。

迄今為止，您已經設置了相關的信息，用于為目標設備環境生成正確的二進制圖像。最后，您需要選擇在何處（是物理連接的設備還是仿真程序）放置輸出圖像。在本文中，您只有一個可用目標，這就是仿真程序。但是對于其他 CPU 類型，則有多個選擇。

在 WCE 配置工具欄上，選擇 STANDARDSDK_410 Emulator，如下圖所示。

單擊 Build | Build Scribble.exe 菜單命令生成應用程序并將其下載到仿真程序中。

仿真程序應當啟動，然后，程序應自動地下載到仿真程序中。重新編譯和下載的鍵盤快速方式為 F7。

仿真程序屏幕應當如下圖所示。

現在，您需要啟動應用程序。

在仿真程序中，雙擊 My Computer 查看剛才下載的 Scribble.exe 應用程序。下圖顯示 My Computer 的內容。

雙擊 Scribble.exe。

應用程序啟動，如下圖所示。

此時，您擁有一個完整工作的應用程序 ─ 盡管它不能做太多工作！

單擊 File | Exit 退出該應用程序，如下圖所示。

讓仿真程序繼續運行并切換到 eMbedded Visual C++，準備下一個練習。

在 eMbedded Visual C++ 左側窗格的底部，單擊 Class View 選項卡。

單擊 Scribble classes 行旁邊的加號 (+) 展開應用程序中的類列表。

該列表包含 5 個類，它們形成標準 MFC Doc / View 應用程序的模板。

Doc / View 應用程序的設計將應用程序分成 Document 類（保存數據）和 View 類（向用戶呈現數據），如先前的練習所述。其他三個類 ─ App 類、MainFrame 類以及 AboutDlg 類 ─ 分別提供對應用程序、應用程序頂層窗口以及 About 對話框的支持。

右鍵單擊 CScribbleView 類，然后單擊 Add Member Variable，如下圖所示。

在 Variable Type 框中，鍵入 CPoint（這是一個簡化 x 坐標和 y 坐標控制的 MFC 類）。

在 Variable Name 框中，鍵入 m_CurrentPoint

在 Access 下面，單擊 Protected，如下圖所示。

一種很好的習慣是，通過使用 Protected 選項限制訪問來隱藏數據成員。然后，類成員函數可以讀取和更新類的狀態，但是外部函數和對象則不能。

m_CurrentPoint 變量保存最后一個繪圖點，但是您還需要一個其他變量，來表明您是否處于繪圖狀態。

在 Add Member Variable 對話框中，單擊 OK。

右鍵單擊 CScribbleView 類，然后單擊 Add Member Variable。

在 Variable Type 框中，鍵入 bool

在 Variable Name 框中，鍵入 m_InDraw

在 Access 下面，單擊 Protected。

在顯示項目的類視圖的左側窗格中，單擊 CScribbleView 旁邊的加號 (+) 展開該類中方法和數據的列表。

雙擊帶有簽名 CScribbleView() 的類的默認構造函數，如下圖所示。

該步驟打開 ScribbleView.cpp 文件并顯示以下構造函數。

在大括號 ({) 之前，添加以下代碼行。

: m_InDraw(false), m_CurrentPoint(0,0)

右鍵單擊 CScribbleView 類，然后單擊 Add Windows Message Handler，如下圖所示。

在 New Windows messages/events 列表中，選擇 WM_LBUTTONDOWN，然后單擊 Add and Edit，如下圖所示。

該類向導將 WM_LBUTTONDOWN 函數原型添加到應用程序中，并打開該新函數的編輯器。

替換注釋：

// TODO: Add your message handler code here and/or call default

使用以下代碼：

m_InDraw = true;
m_CurrentPoint = point;

前面的代碼設置類狀態，表示正在繪圖并存儲手寫輸入的起始點。

右鍵單擊 CScribbleView 類，然后單擊 Add Windows Message Handler。

在 New Windows messages/events 列表中，選擇 WM_LBUTTONUP，然后單擊 Add and Edit，如下圖所示。

類向導將 WM_LBUTTONUP 函數原型添加到應用程序中，并打開該新函數編輯器。

替換注釋：

// TODO: Add your message handler code here and/or call default

使用以下代碼：

m_InDraw = false;
m_CurrentPoint = CPoint(0,0);

前面的代碼設置類狀態，表示繪圖已經停止，然后將當前點設置為 0,0。該設置是表示不存在上一點的一個特殊位置。

單擊 Build | Build Scribble.exe 菜單命令（或按 F7）來生成和下載該應用程序。

更正任何編譯器錯誤。

如果下載到仿真程序失敗，進行檢查以確保您現在沒有運行早期版本的 Scribble.exe。

如果應用程序仍然在運行，單擊 File | Exit 退出。

在 eMbedded Visual C++ 的左側窗格底部，單擊 Class View 選項卡。

右鍵單擊 CScribbleDoc 類，然后單擊 Go to Definition，如下圖所示。

在類定義 class CScribbleDoc : public CDocument 上面，添加以下兩行。

typedef CArray < CPoint,CPoint > SingleLine;
typedef CList < SingleLine *,  SingleLine * >  LineList;

您可以使用前面的定義把手寫輸入行作為點的集合，并引用手寫輸入行的集合。

在 eMbedded Visual C++ 的左側窗格底部，單擊 File View 選項卡。

單擊 Scribble Files 行旁邊的加號 (+) 展開項目中的文件組列表。

單擊 Header Files 行旁邊的加號 (+) 展開應用程序中使用的頭文件列表。

該列表將包含七個文件，它們形成標準 MFC Doc / View 應用程序的模板。

右鍵單擊 stdafx.h file，然后單擊 Open，如下圖所示。

查找該行：

#include          // MFC core and standard components

只需在其下面添加該行：

#include       // MFC standard template classes

在左側窗格中，選擇 Class View。

右鍵單擊 CScribbleDoc class，然后單擊 Add Member Variable，如下圖所示。

在 Variable Type 框中，鍵入 LineList

在 Variable Name 框中，鍵入 m_LineInfo

在 Access 下面，單擊 Protected，如下圖所示。

單擊 OK。

在顯示類定義的左側窗格中，右鍵單擊 CScribbleDoc 類，然后單擊 Add Member Function。

在 Function Type 框中，鍵入 const SingleLine *

在 Function Declaration 框中，鍵入 GetNextLine ( POSITION & pos) const，如下圖所示。

單擊 OK。

鍵入 GetNextLine 方法的以下實現。

const SingleLine * RetVal = NULL;
if (pos)
RetVal = m_LineInfo.GetNext(pos);
return RetVal; 

在顯示類定義的左側窗格中，右鍵單擊 CScribbleDoc 類，然后單擊 Add Member Function。

在 Function Type 框中，鍵入 bool

在 Function Declaration 框中，鍵入 AddPoint ( POSITION pos, CPoint NewPoint )，如下圖所示。

單擊 OK。

鍵入 AddPoint 方法的以下實現。

SingleLine * WorkLine = m_LineInfo.GetAt(pos);
WorkLine->Add(NewPoint);
return true;

在顯示類定義的左側窗格中，右鍵單擊 CScribbleView 類，然后單擊 Add Member Variable，如下圖所示。

在 Variable Type 框中，鍵入 POSITION

在 Variable Name 框中，鍵入 m_CurrentPos

在 Access 下，單擊 Protected，如下圖所示。

單擊 OK。

在顯示為 View 類定義的當前成員列表的左側窗格中，雙擊 OnLButtonDown 方法，如下圖所示。

在調用基類 CView::OnLButtonDown(nFlags, point) 之前，對實現進行修改，在該方法結尾添加如下代碼。

m_CurrentPos = GetDocument()->StartNewLine(point);

該步驟檢索與視圖相關的當前文檔，并調用早先定義的 StartNewLine 方法。

在顯示為 CScribbleView 類定義的當前成員列表的左側窗格中，雙擊 OnMouseMove 方法轉到其實現。

對該實現進行修改，緊接 ReleaseDC(pDC) 之后添加以下代碼。

GetDocument()->AddPoint(m_CurrentPos, point);

在顯示為 CScribbleView 類定義的當前成員列表的左側窗格中，雙擊 OnDraw 方法以轉到其實現。

替換以下行：

// TODO: add draw code for native data here

使用該代碼：

// Redraw the lines
POSITION WorkPos;
const SingleLine *WorkLine =  GetDocument()->GetFirstLine(WorkPos);
while (NULL !=WorkLine)
{
   // Build an array of points and draw them
   if (0 ==WorkLine->GetSize())
      break;

   CPoint * PointArray = new CPoint [WorkLine->GetSize()];
   for (int x = 0;x < WorkLine->GetSize();x++)
      PointArray[x] = WorkLine->operator [] (x);
   pDC->Polyline(PointArray, x);
   delete [] PointArray;
   PointArray = NULL;

   WorkLine =  GetDocument()->GetNextLine(WorkPos);
}

單擊 Build | Build Scribble.exe 菜單命令（或按 F7）生成并下載該應用程序。

更正任何編譯器錯誤。

如果下載到仿真程序失敗，檢查以確保您現在沒有運行早期版本的 Scribble.exe。

如果應用程序仍然在運行，單擊 File | Exit 退出。

從菜單欄中，單擊 Edit | Breakpoints 加載斷點窗口，如下圖所示。

您也可以按下 ALT+F9 執行該命令。

在 Breakpoints 對話框中，您可以從三種主要的表達式類別進行中斷：從位置中斷（Location 選項卡）；當數據表達式評估為真時中斷（Data 選項卡）；或者窗口過程檢索某個 Windows 消息時中斷（Message 選項卡），這是前兩種類別的組合。在應當發生中斷時，可能會使用該對話框來設置復雜條件。但是，注意使用數據表達式可能會嚴重地影響目標環境的性能，因為在每個指令后必須對該數據進行評估。

在該過程中，您將根據位置來設置斷點。

在 Break at 框中，鍵入 CScribbleView::OnLButtonUp如下圖所示。

單擊 OK。

切換到仿真程序。

使用鼠標在仿真程序中繪制一條直線，然后釋放鼠標按鈕。

您將看到下圖所示的代碼。

在前面的圖示中，紅圈表示斷點，黃色的箭頭顯示執行的下一條語句。

單擊 Edit | Breakpoints 顯示斷點對話框。

您也可以按下 ALT+F9 執行該命令。

單擊 Remove All 清除所有斷點。

單擊 OK。

單擊 Debug | Go 繼續運行應用程序，如下圖所示。

您也可以按下 F5 執行該命令。

下一個步驟，您將設置有關 OnMouseMove 方法的第一行的斷點。

在源代碼中向下滾動幾行到 CScribbleView::OnMouseMove方法。

將插入符號放置到第一行 ─ if (m_InDraw) ─ 然后按下 F9 啟用斷點。

切換回仿真程序，并將鼠標移動到 Scribble 窗口上（無需按下鼠標左鍵）。

如下圖所示，調試器應當在 OnMouseMove 方法設置斷點的第一行處中斷。黃色箭頭顯示當前行。

現在，您將使用 QuickWatch 來查看 m_InDraw 的值并將該值更改為 True。

將插入符號放置到 m_InDraw 變量，然后單擊 Debug | Quick Watch 打開 QuickWatch 對話框（如下圖所示）。

您也可以按下 SHIFT+F9 執行該命令。

在 Value 域中單擊，將值從 0 更改為 ，然后單擊 Recalculate。

單擊 Close。

從菜單中單擊 Debug | Step Over 移動到下一個語句。

您也可以按下 F10 執行該命令。

由于已經動態地更改了變量的值，因此您已經更改了行為，這樣，現在調用繪圖代碼而不是將其忽略。

從菜單中單擊 Edit | Breakpoints 顯示 Breakpoints 對話框。

您也可以按下 ALT+F9 執行該命令。

單擊 Remove All。

單擊 OK。

從菜單中單擊 Debug | Go 或按下 F5 繼續執行。

現在，在您返回到仿真程序屏幕時，移動鼠標將導致繪制手寫輸入，就像按下鼠標按鈕一樣。

單擊 File | Exit 退出應用程序并終止調試。

在 eMbedded Visual C++ 左側窗格的底部，單擊 Resource 選項卡。

單擊 Scribble resources 行旁邊的加號 (+)，展開應用程序中包含的資源列表。

該列表包含當前項目中的七種類別的資源。

單擊 String Table 旁邊的加號 (+)，展開項目中的字符串表列表，如下圖所示。

雙擊 English (U.S.)。

第一項包含用于生成 doc/view 模板項的字符串。該字符串是一個特定的、由新行分隔的、包含七個子字符串標識的格式字符串（按順序）：Window Title、Document Name、File New name、filter name、filter extension、Registry file type ID 以及 Registry file type name。有關每個項的詳細描述，請參閱 CDocTemplate::GetDocString 在線文檔。

雙擊該項修改字符串表中 ID 為 IDR_MAINFRAME 和值為 128 的第一項。

將字符串更改為 Scribble\n\nScribble\nInk Doc (*.ink)\n.ink\nScribble.Document\nScribble Document，如下圖所示。

按下 ENTER 關閉對話框。

在 eMbedded Visual C++ 左側窗格的底部，單擊 Class View 選項卡。

如果該類不可見，單擊 Scribble classes 行旁邊的加號 (+)。

定位到 CScribbleDoc 并在必要時單擊加號 (+) 將其展開。

雙擊 OnNewDocument 方法。

替換下面的行：

// TODO: add reinitialization code here
// (SDI documents will reuse this document)

使用該代碼：

// Clear the document contents
POSITION WorkPos = m_LineInfo.GetHeadPosition();
while (NULL !=WorkPos)
   delete m_LineInfo.GetNext(WorkPos);

m_LineInfo.RemoveAll();

在文檔中向下滾動定位到 Serialize 方法。

替換下面的行：

// TODO: add storing code here

使用該代碼：

ar << m_LineInfo.GetCount();
// Serialize the document contents
POSITION WorkPos = m_LineInfo.GetHeadPosition();
while (NULL !=WorkPos)
m_LineInfo.GetNext(WorkPos)->Serialize(ar);

替換下面的行：

// TODO: add loading code here

使用該代碼：

long ElementCount;
ar >> ElementCount;
for (long countPos = 0; countPos < ElementCount; countPos ++)
{
   SingleLine * NewLine = new SingleLine();
   NewLine->Serialize(ar);
   m_LineInfo.AddTail(NewLine);
}

單擊 Build | Build Scribble.exe 菜單命令（或按 F7）生成并下載應用程序。

更正任何編譯器錯誤。

如果下載到仿真程序失敗，進行檢查以確保您現在沒有運行早期版本的 Scribble.exe。

如果應用程序仍然在運行，單擊 File | Exit 退出。