啟動(dòng)eMbedded Visual C++。

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

在 File 菜單上，單擊 New。

在 New 對(duì)話框中，選擇 WCE MFC AppWizard (exe) 作為待創(chuàng)建項(xiàng)目。

在 Project name 框中，鍵入 Scribble

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

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

單擊 OK 啟動(dòng)向?qū)А?

在該向?qū)У牡谝豁撝校瑔螕?Single document，確保選定 Document/View Architecture support? 復(fù)選框，然后單擊 Next，如下圖所示。

選擇 Document/View Architecture support? 復(fù)選框?qū)⑹乖撓驅(qū)閼?yīng)用程序的主代碼創(chuàng)建兩個(gè)類。Document 類旨在保存和保持狀態(tài)（數(shù)據(jù)），而 View 類提供數(shù)據(jù)的圖形化表示形式。這是一種“一對(duì)多”關(guān)系，其中 Document 類可能具有多種相關(guān)視圖，每個(gè)視圖提供數(shù)據(jù)的一個(gè)不同的圖形因素。該體系結(jié)構(gòu)以數(shù)據(jù)為中心，因此，更改通知很簡(jiǎn)單，并且通過文檔集中進(jìn)行數(shù)據(jù)訪問和存儲(chǔ)。

在該向?qū)У南乱豁撝校Ａ羲械哪J(rèn)選項(xiàng)，然后單擊 Next，如下圖所示。

在該向?qū)У南乱豁撝校瑔螕?Next，如下圖所示。

在該向?qū)У南乱豁撝校瑔螕?Finish，如下圖所示。

出現(xiàn)摘要時(shí)，單擊 OK 完成該向?qū)В缦聢D所示。

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

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

您也可以從 WCE 配置工具欄中選擇活動(dòng)平臺(tái)。

在這種情況下，您只能使用單個(gè)的平臺(tái)。如果您已經(jīng)安裝更多的 SDK，此處的列表將會(huì)增加。

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

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

您也可以從 WCE 配置工具欄中選擇活動(dòng)配置。

對(duì)于在初始向?qū)ы撝羞x定的每種處理器類型，都會(huì)有兩種相關(guān)的項(xiàng)目配置：調(diào)試和發(fā)布。每種配置都包含諸如編譯、鏈接以及調(diào)試設(shè)置等信息。您可以通過 Build | Configurations 菜單創(chuàng)建其他配置或刪除現(xiàn)有配置。由于只選定了仿真程序處理器，因此，您只有兩種配置。

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

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

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

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

仿真程序屏幕應(yīng)當(dāng)如下圖所示。

現(xiàn)在，您需要啟動(dòng)應(yīng)用程序。

在仿真程序中，雙擊 My Computer 查看剛才下載的 Scribble.exe 應(yīng)用程序。下圖顯示 My Computer 的內(nèi)容。

雙擊 Scribble.exe。

應(yīng)用程序啟動(dòng)，如下圖所示。

此時(shí)，您擁有一個(gè)完整工作的應(yīng)用程序 ─ 盡管它不能做太多工作！

單擊 File | Exit 退出該應(yīng)用程序，如下圖所示。

讓仿真程序繼續(xù)運(yùn)行并切換到 eMbedded Visual C++，準(zhǔn)備下一個(gè)練習(xí)。

在 eMbedded Visual C++ 左側(cè)窗格的底部，單擊 Class View 選項(xiàng)卡。

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

該列表包含 5 個(gè)類，它們形成標(biāo)準(zhǔn) MFC Doc / View 應(yīng)用程序的模板。

Doc / View 應(yīng)用程序的設(shè)計(jì)將應(yīng)用程序分成 Document 類（保存數(shù)據(jù)）和 View 類（向用戶呈現(xiàn)數(shù)據(jù)），如先前的練習(xí)所述。其他三個(gè)類 ─ App 類、MainFrame 類以及 AboutDlg 類 ─ 分別提供對(duì)應(yīng)用程序、應(yīng)用程序頂層窗口以及 About 對(duì)話框的支持。

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

在 Variable Type 框中，鍵入 CPoint（這是一個(gè)簡(jiǎn)化 x 坐標(biāo)和 y 坐標(biāo)控制的 MFC 類）。

在 Variable Name 框中，鍵入 m_CurrentPoint

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

一種很好的習(xí)慣是，通過使用 Protected 選項(xiàng)限制訪問來隱藏?cái)?shù)據(jù)成員。然后，類成員函數(shù)可以讀取和更新類的狀態(tài)，但是外部函數(shù)和對(duì)象則不能。

m_CurrentPoint 變量保存最后一個(gè)繪圖點(diǎn)，但是您還需要一個(gè)其他變量，來表明您是否處于繪圖狀態(tài)。

在 Add Member Variable 對(duì)話框中，單擊 OK。

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

在 Variable Type 框中，鍵入 bool

在 Variable Name 框中，鍵入 m_InDraw

在 Access 下面，單擊 Protected。

在顯示項(xiàng)目的類視圖的左側(cè)窗格中，單擊 CScribbleView 旁邊的加號(hào) (+) 展開該類中方法和數(shù)據(jù)的列表。

雙擊帶有簽名 CScribbleView() 的類的默認(rèn)構(gòu)造函數(shù)，如下圖所示。

該步驟打開 ScribbleView.cpp 文件并顯示以下構(gòu)造函數(shù)。

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

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

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

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

該類向?qū)?WM_LBUTTONDOWN 函數(shù)原型添加到應(yīng)用程序中，并打開該新函數(shù)的編輯器。

替換注釋：

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

使用以下代碼：

m_InDraw = true;
m_CurrentPoint = point;

前面的代碼設(shè)置類狀態(tài)，表示正在繪圖并存儲(chǔ)手寫輸入的起始點(diǎn)。

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

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

類向?qū)?WM_LBUTTONUP 函數(shù)原型添加到應(yīng)用程序中，并打開該新函數(shù)編輯器。

替換注釋：

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

使用以下代碼：

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

前面的代碼設(shè)置類狀態(tài)，表示繪圖已經(jīng)停止，然后將當(dāng)前點(diǎn)設(shè)置為 0,0。該設(shè)置是表示不存在上一點(diǎn)的一個(gè)特殊位置。

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

更正任何編譯器錯(cuò)誤。

如果下載到仿真程序失敗，進(jìn)行檢查以確保您現(xiàn)在沒有運(yùn)行早期版本的 Scribble.exe。

如果應(yīng)用程序仍然在運(yùn)行，單擊 File | Exit 退出。

在 eMbedded Visual C++ 的左側(cè)窗格底部，單擊 Class View 選項(xiàng)卡。

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

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

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

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

在 eMbedded Visual C++ 的左側(cè)窗格底部，單擊 File View 選項(xiàng)卡。

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

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

該列表將包含七個(gè)文件，它們形成標(biāo)準(zhǔn) MFC Doc / View 應(yīng)用程序的模板。

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

查找該行：

#include          // MFC core and standard components

只需在其下面添加該行：

#include       // MFC standard template classes

在左側(cè)窗格中，選擇 Class View。

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

在 Variable Type 框中，鍵入 LineList

在 Variable Name 框中，鍵入 m_LineInfo

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

單擊 OK。

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

在 Function Type 框中，鍵入 const SingleLine *

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

單擊 OK。

鍵入 GetNextLine 方法的以下實(shí)現(xiàn)。

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

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

在 Function Type 框中，鍵入 bool

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

單擊 OK。

鍵入 AddPoint 方法的以下實(shí)現(xiàn)。

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

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

在 Variable Type 框中，鍵入 POSITION

在 Variable Name 框中，鍵入 m_CurrentPos

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

單擊 OK。

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

在調(diào)用基類 CView::OnLButtonDown(nFlags, point) 之前，對(duì)實(shí)現(xiàn)進(jìn)行修改，在該方法結(jié)尾添加如下代碼。

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

該步驟檢索與視圖相關(guān)的當(dāng)前文檔，并調(diào)用早先定義的 StartNewLine 方法。

在顯示為 CScribbleView 類定義的當(dāng)前成員列表的左側(cè)窗格中，雙擊 OnMouseMove 方法轉(zhuǎn)到其實(shí)現(xiàn)。

對(duì)該實(shí)現(xiàn)進(jìn)行修改，緊接 ReleaseDC(pDC) 之后添加以下代碼。

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

在顯示為 CScribbleView 類定義的當(dāng)前成員列表的左側(cè)窗格中，雙擊 OnDraw 方法以轉(zhuǎn)到其實(shí)現(xiàn)。

替換以下行：

// 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）生成并下載該應(yīng)用程序。

更正任何編譯器錯(cuò)誤。

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

如果應(yīng)用程序仍然在運(yùn)行，單擊 File | Exit 退出。

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

您也可以按下 ALT+F9 執(zhí)行該命令。

在 Breakpoints 對(duì)話框中，您可以從三種主要的表達(dá)式類別進(jìn)行中斷：從位置中斷（Location 選項(xiàng)卡）；當(dāng)數(shù)據(jù)表達(dá)式評(píng)估為真時(shí)中斷（Data 選項(xiàng)卡）；或者窗口過程檢索某個(gè) Windows 消息時(shí)中斷（Message 選項(xiàng)卡），這是前兩種類別的組合。在應(yīng)當(dāng)發(fā)生中斷時(shí)，可能會(huì)使用該對(duì)話框來設(shè)置復(fù)雜條件。但是，注意使用數(shù)據(jù)表達(dá)式可能會(huì)嚴(yán)重地影響目標(biāo)環(huán)境的性能，因?yàn)樵诿總€(gè)指令后必須對(duì)該數(shù)據(jù)進(jìn)行評(píng)估。

在該過程中，您將根據(jù)位置來設(shè)置斷點(diǎn)。

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

單擊 OK。

切換到仿真程序。

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

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

在前面的圖示中，紅圈表示斷點(diǎn)，黃色的箭頭顯示執(zhí)行的下一條語句。

單擊 Edit | Breakpoints 顯示斷點(diǎn)對(duì)話框。

您也可以按下 ALT+F9 執(zhí)行該命令。

單擊 Remove All 清除所有斷點(diǎn)。

單擊 OK。

單擊 Debug | Go 繼續(xù)運(yùn)行應(yīng)用程序，如下圖所示。

您也可以按下 F5 執(zhí)行該命令。

下一個(gè)步驟，您將設(shè)置有關(guān) OnMouseMove 方法的第一行的斷點(diǎn)。

在源代碼中向下滾動(dòng)幾行到 CScribbleView::OnMouseMove方法。

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

切換回仿真程序，并將鼠標(biāo)移動(dòng)到 Scribble 窗口上（無需按下鼠標(biāo)左鍵）。

如下圖所示，調(diào)試器應(yīng)當(dāng)在 OnMouseMove 方法設(shè)置斷點(diǎn)的第一行處中斷。黃色箭頭顯示當(dāng)前行。

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

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

您也可以按下 SHIFT+F9 執(zhí)行該命令。

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

單擊 Close。

從菜單中單擊 Debug | Step Over 移動(dòng)到下一個(gè)語句。

您也可以按下 F10 執(zhí)行該命令。

由于已經(jīng)動(dòng)態(tài)地更改了變量的值，因此您已經(jīng)更改了行為，這樣，現(xiàn)在調(diào)用繪圖代碼而不是將其忽略。

從菜單中單擊 Edit | Breakpoints 顯示 Breakpoints 對(duì)話框。

您也可以按下 ALT+F9 執(zhí)行該命令。

單擊 Remove All。

單擊 OK。

從菜單中單擊 Debug | Go 或按下 F5 繼續(xù)執(zhí)行。

現(xiàn)在，在您返回到仿真程序屏幕時(shí)，移動(dòng)鼠標(biāo)將導(dǎo)致繪制手寫輸入，就像按下鼠標(biāo)按鈕一樣。

單擊 File | Exit 退出應(yīng)用程序并終止調(diào)試。

在 eMbedded Visual C++ 左側(cè)窗格的底部，單擊 Resource 選項(xiàng)卡。

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

該列表包含當(dāng)前項(xiàng)目中的七種類別的資源。

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

雙擊 English (U.S.)。

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

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

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

按下 ENTER 關(guān)閉對(duì)話框。

在 eMbedded Visual C++ 左側(cè)窗格的底部，單擊 Class View 選項(xiàng)卡。

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

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

雙擊 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();

在文檔中向下滾動(dòng)定位到 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）生成并下載應(yīng)用程序。

更正任何編譯器錯(cuò)誤。

如果下載到仿真程序失敗，進(jìn)行檢查以確保您現(xiàn)在沒有運(yùn)行早期版本的 Scribble.exe。

如果應(yīng)用程序仍然在運(yùn)行，單擊 File | Exit 退出。