启动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 退出。