1.2 Visual Designer编辑环境

1.编辑界面

进行设计时，需要添加硬件外围设备和嵌入式控制逻辑来创建嵌入式系统。Visual De-signer编辑环境主要分为6个区域，如图1-4所示。

1）菜单栏、工具栏、选项卡

Visual Designer的菜单栏、工具栏、选项卡如图1-5所示。顶部菜单命令对大部分用户来说是十分熟悉的，相关教程及参考资料中有对菜单对应功能的具体说明。工具栏图标的功能如表1-1所示。

用户可以通过选项卡实现设计过程中不同工作区域的切换。我们将主要在Visual Designer内部工作，我们要构建一个嵌入式系统，并创建一个原理图设计。当向Visual De-signer添加外围设备时，原理图将自动绘制，但可以随时切换到原理图选项以查看虚拟硬件。如果要同时查看这两个模块，甚至可以将选项卡拖放到不同的显示器上，如图1-6所示。

2）工程树

在可视化设计中，工程树（如图1-7所示）具有以下3个主要作用。

（1）图纸的控制。当开始设计一个新的工程时，会在设计窗口默认得到一张图纸，名称为Main。如果程序描述起来较为复杂，则可以添加更多的图纸，如图1-8所示。

当工程中有多张图纸时，可以通过双击工程树中的图纸名称快速在图纸之间移动；或者，可以从编辑窗口顶部的图纸选项卡中选择要导航到的图纸。

（2）嵌入式系统资源文件的控制。资源文件可以将图片与音频文件添加至工程中。可以在工程树中通过右键快捷菜单选择添加或删除资源文件。如果当前工程中有资源文件，则可以直接将其拖至流程图程序的设计规则中进行分配。

（3）嵌入式系统外围设备的控制。对于一个完整的嵌入式系统开发，可视化设计具有其先进的开发环境。外围设备模块包括CPU的板载外围设备及外部外围设备（支持的Arduino扩展板或Grove传感器），可以通过添加这些外围设备来构建硬件设计。当启动一个新工程时，会看到两个或3个外围设备，可通过工程树中的Peripherals右键快捷菜单或通过工程菜单中的命令添加额外的外围设备，如图1-9所示。

然后，可以看到外围设备所有可执行的方法，这意味着可以与硬件进行互动，并且可以通过简单拖放的方式将这些方法加入到流程图程序中，如图1-10所示。

当添加外围设备时，可以重新命名外围设备。这里有非常实用的实例，如果有一些按键或者LED在工程中需要特别命名，则可以直接在外围设备上右击，在弹出的快捷菜单中选择重命名命令即可。

3）流程图工具栏

流程图工具栏中的模块是程序编译的模块。可以直接从工程树中相应外围设备下或者从流程图工具栏中拖放外围设备方法到流程图编辑窗口中。事实上，一些设计功能（如延迟模块、循环构造、时间触发等）只可以在流程图工具栏中找到并使用。

4）流程图编辑窗口

流程图编辑窗口（可简称编辑窗口）是放置目前设计的流程图和创建程序的地方。对于需要多张图纸进行编辑的程序或者流程图，流程图编辑窗口提供一些图纸选项卡，可以实现当前图纸和其他图纸间的切换，如图1-11所示。

可以选择工程菜单中的页面设置命令来调整图纸的大小。图纸大小的设置步骤如图1-12所示。

当需要打印物理纸张时，图纸将自动适应页面。

可以通过鼠标滚轮或者按F6键（放大）和F7键（缩小）调整编辑窗口。

5）输出窗口

输出窗口提供状态信息存储，并在编译流程图或编程物理硬件时列出所有的错误。

6）仿真控制面板

交互式仿真由一个简单的面板控制，其行为就像一个普通的远程遥控。默认情况下，仿真控制面板位于屏幕的左下角，有4个按钮用于控制仿真，如图1-13所示。

PLAY按钮：开始仿真。

STEP按钮：允许以定义的速率逐步浏览动画。如果单击该按钮并释放，则仿真进行一个时间步长；如果该按钮按下，则动画连续前进，直到该按钮被释放。可以从系统菜单中的动画电路配置对话框中调整单步时间增量。步骤时间对于更密切地监视电路是有用的，并且在慢动作中看到什么影响什么。

PAUSE按钮：单击该按钮可以暂停仿真，然后可以通过再次单击该按钮或通过单击STEP按钮单步恢复。如果遇到断点，则模拟器将进入暂停状态。

STOP按钮：告诉系统停止进行实时仿真，所有动画停止，模拟器从内存中卸载，所有指示器都复位到其无效状态，但制动器（开关等）保持其现有设置。

2.编辑设置

在可视化设计中，可以根据自己的喜好设置字体、颜色和流程图的风格，如图1-14至图1-16所示。若要对这些进行修改，则只需打开系统菜单中的编辑器配置。