ELOGO易乐谷中文编程系统初级教程3-7岁_子程序编辑器

ELOGO易乐谷中文编程系统初级教程3-7岁_子程序编辑器本文简介：子程序编辑器第一节新界面在易乐谷中1.2版中，子程序编辑器有了新的改进与突破。在该版本中新添加了流程图编辑子程序代码的设计，使学生通过对流程图的编辑操作，对子程序的编写模式有一个更深的了解与认识。运行易乐谷1.2版后，点击命令窗口中下方的按钮，便可打开子程序编辑器。如图1-1所示。图1-1进入子程序

ELOGO易乐谷中文编程系统初级教程3-7岁_子程序编辑器本文内容：

子程序编辑器

第一节

新界面

在易乐谷中1.2版中，子程序编辑器有了新的改进与突破。在该版本中新添加了流程图编辑子程序代码的设计，使学生通过对流程图的编辑操作，对子程序的编写模式有一个更深的了解与认识。

运行易乐谷1.2版后，点击命令窗口中下方的按钮，便可打开子程序编辑器。如图1-1所示。

图1-1

进入子程序编辑器的初始界面后，用鼠标双点击或拖动窗口中右侧的浅灰色小条，可展开新功能的操作区域。如图1-2所示。

图1-2

新的子程序编辑器中，在以往的界面风格基础上，又增加了许多新功能。如单个子程序的编辑、流程图编辑、子程序代码转换为流程图、流程图转换为子程序代码等等。

功能：列出了所有被应用的子程序。在该功能中可对代码进行编辑，如添加、删除、修改。可新建子程序，或打开已有的子程序（或子程序集），或是把现有的子程序（或子程序集）进行保存。

功能：列出了所有子程序名，选择任意一个子程序名，会显示该子程序的流程图表示方式。可对该子程序的流程图进行编辑，如增加、删除、修改任意命令。

功能：显示中被选中子程序的代码内容，可对该代码内容进行增加、删除、修改任意命令，或修改该子程序的名称。

功能：显示中被选中子程序的流程图表示方式，可对该代码内容进行增加、删除、修改任意命令，或修改该子程序的名称。

关于这些新功能的操作方法，在下面的诸多小节中会有详细的介绍。

第二节

子程序的应用

我们由浅入深来一步步学习子程序的应用方法。说起子程序的应用，无外乎就是对子程序的编写、调用、保存和打开。先来看一看子程序是如何编写的。

1．编写一个子程序

我们先以一个普通而又简单的例子来了解一下，让小海龟来画一条折线。如何来显示呢？先来看看这条折线的规则。如图2-1所示。

图2-1

在新版本的“子程序编辑器”中，子程序的编写有两种方法：一种是用文本输入写出一段子程序;另一种方法就是通过流程图来画出子程序。

先来让我们看看如何用文字输入写出一段子程序吧。

关于写出子程序的方法，相信同学们在平时用命令指示小海龟画图的时候已经有了一定的了解。所谓子程序，就是把一段在平时需要反复使用的命令总结到一起，解决了同学们反复写代码的烦躁。那如何在新的“子程序编辑器”中完成这个工作呢？下面就让我们一同来学习一下吧。

打开“子程序编辑器”，第一个被显示的功能就是

。如图1-1所示。请同学们仔细观察，在该功能下窗口左侧的编辑区域中，有一快捷工具条，这些按钮的功能依次是：

新建：新建一个子程序，它为同学们提供了一个很方便的子程序框架。如：

子程序开始

子程序结束

打开：打开一个已经完并保存的子程序文件。这个文件的格式为“*.ELG”。

保存：把已经完成的子程序保存成子程序文件，以便以后的打开来调用。

剪切、复制、粘贴：把所选择的代码进行剪切、复制、粘贴的操作。

重复、撤销：重复或撤销所进行的操作。

查找：查找的想要找的代码文本。

应用子程序：使写好的子程序代码生效，可以在命令中被调用。

只有了解了这些按钮后，才会让我们在子程序的编写过程中得心应手。

第一步：点击

按钮，新建一个子程序框架。如图2-2所示

图2-2

第二步：为子程序起名字，我们叫它“画折线”。并添加子程序体。如图2-3所示。

图2-3

第三步：点击

按钮，使子程序生效。如图2-4所示。

图2-4

这样，输入文本编写子程序就完成了。

同学们一定很好奇，这种方法我们都已经了解了。那流程图画子程序的方法是什么样的呢？下面就先来简单了解一下吧。关于流程图的具体应用，会在下面的小节中给同学们做详细的讲解。

还是以画折线为例。

第一步：我们要先选择功能，打开流程图编辑区域。如图2-5所示。

图2-5

在流程图的编辑区域中同学们可以看到一个椭圆形的图形中有一行文字为“子程序开始”，这是子程序头，与文本输入的方式相似，它需要同学们自己为子程序起名字，写出程序体，与文本输入子程序不同是的——为了方便操作，它需要同学们自己画出子程序尾。

第二步：为子程序起名字，并加添加子程序体和子程序尾。

如何为子程序填写名字呢，其实很简单，选择流程图编辑区域中的椭圆形，然后在流程图代码输入区中的“子程序开始”字样后面填写上“画折线”。如图2-6所示。

图2-6

点击快捷工具条中的（过程）按钮，然后在图形所要画的位置上点击鼠标，画出图形，并像上一个操作为图形填写命令。如图2-7所示

图2-7

第三步：依次连接各图形

连接各图形的方法是：在一个图形上用鼠标右键按下并拖动鼠标到另一个图形后右键放开，系统会自动为这两个图形建立连接方式。在拖动的同时系统会产生一条虚线，虚线上面有一个小箭头，用于提示同学们连接的路线。要注意的是这两个图形在执行时的先后顺序，鼠标右键被按下的图形先被执行，其次才是鼠标右键被放开的图形。如图2-8所示。

图2-8

依次连接后完成的图形为，如图2-9所示：

图2-9

第四步：使流程图生效。

在流程图编辑区域中，点击（流程图转代码）按钮，使流程图转换成相应的文本形式。

选择功能，进入单子程序的编辑区域，同学们仔细观察，编辑区域中所显示就是我们刚刚画出来的子程序。如图2-10所示。

图2-10

接下来就是完成子程序生效的最后操作了，在单个子程序的编辑区中的按钮，就是用来使子程序生效的。它的名字叫“生成新的子程序”，点击它。如图2-11所示。

图2-11

如何辨认子程序是否生效了呢，很简单，在点击按钮后，下方的小浏览框中便会显示出“画折线”的子程序代码。如图2-11所示。

好了，流程图画子程序——“画折线”完成了。

2．调用生效后的子程序

编写子程序的目的是可以重复的享用子程序体的代码。如何使用已经生效后的子程序呢？其实是这一件很简单的操作。

在上面我们已经编写了一个画折线的子程序，子程序名为“画折线”，接下来我们就来使用这个子程序，在易乐谷中我们把子程序的使用叫做子程序调用。

调用的方法为：在命令窗口中输入要调用的子程序名“画折线”，然后回车运行、或按下按钮运行。如图2-12所示。

图2-12

3．保存、打开子程序

编写完成的子程序，如果想在下次打开易乐谷的时候再次使用，那就需要把子程序保存起来，在下次使用的时候打开便可以了。

保存子程序

在功能编辑区域的上方快捷工具条中，点击其中的（保存）按钮。在保存提示窗口中输入要保存的文件名称，按下。在易乐谷中，用于保存子程序的文件格式为“*.ELG”。如图2-13所示。

图2-13

打开子程序

如何把保存了的子程序打开使用呢？

在功能编辑区域的上方快捷工具条中，点击其中的（打开）按钮。在打开提示窗口中选择需要打开的子程序文件，按下。如图2-14所示。

图2-14

到这里，易乐谷子程序的简单应用就都学完了，相信大家对子程序的了解又更进了一步。在以后的学习中，向大家介绍流程图的详细应用方法。

下面的学习会更更精彩！

第三节

编辑、打开、保存流程图

1．流程图小常识

什么是流程图

流程是事物进展的顺序，而流程图可表示出事物进展的全过程。在易乐谷中，流程指的是子程序在执行时，每一步所被执行命令的顺序，流程图就是显示子程序中所有命令的执行顺序的图。

流程图的组成部分

流程图是由两部分组成的：一部分是图形；另一部是连接图形的线，我们叫它流程线

流程图中的图形有四种样式，分别是椭圆形、方形、多边形、棱形。

流程线的样子是。

画出流程图并且连接

如何画出流程图？其实这并不难。举下例子，假设我们要画方形。

点击快捷工具条中的按钮，然后在图形所要画的位置上点击鼠标，画出图形。如图3-1所示。

图3-1

连接图形

连接图形的方法是：在一个图形上用鼠标右键按下并拖动鼠标到另一个图形后右键放开，系统会自动为这两个图形建立连接方式。在拖动的同时系统会产生一条虚线，虚线上面有一个小箭头，用于提示同学们连接的路线。要注意的是这两个图形在执行的先后顺序，鼠标右键被按下的图形先被执行，其次才是鼠标右键被放开的图形。如图3-2所示

图3-2

2．流程图的属性设置和锁定设置

属性设置

：

点击按钮，会弹出一个名叫“流程图属性设置”窗口。如图3-3所示。

图3-3

“流程图属性设置”窗口中有两个设置子夹，其中“常规”子夹可以对指定的图形修改背景颜色、流程线的颜色等等很多的操作：

假设我们这里有一个棱形，想把这的边框线改成红色，边框的粗细改为3，填充颜色变为。

很方便吧，这样在用流程图做子程序的时候可以用来区分不同的结构。

在这个窗口的使用过程中，同学们要注意的是的选择，其中“所有图形”指是把所做的修改应用到所有图形上，“被选中图形”是把所做的修改应用到被选中的图形中去。

用来修改流程图编辑区域有：

其中“背景颜色”修改编辑区的背景颜色；“底图”是为编辑区添加底图；而“底图方式”用于设置为编辑区所添加的图片的显示方式，显示方式分为：“图片居左上”、“图片平铺”、“图片居中”。

而“流程图属性设置”窗口中的“高级”子夹，

用于设置“流程图转代码时”或“代码转流程图时”是否连接编译器的操作。如图所示3-4所示。

图3-4

流程图的锁定设置：

对已经画好的流程图形，一个不小心的动作，或使图形变了大小，或使图形偏移位置，都会带来很大的麻烦。怎么办呢？没关系！易乐谷为此添加了锁定设置。

流程图的锁定设置，可以把图形进行锁定，被锁定后的图形不会被恶意修改大小或是位置。

锁定的方法是：选择所要锁定的图形后，击点快捷工具条中的（锁定）按钮就可以了。

被锁定的图形周围的调节点会变为灰色，表示已不能被进行移动或改变大小。如图3-5所示。

图3-5

解除锁定的方法是：选择要解锁的图形后，击点快捷工具条中的（锁定）按钮。

3．流程图的对齐方式

流程图的对齐方式有六种，分别是：

左边对齐

右边对齐

顶边对齐

底边对齐

等高

等宽

在使用上非常的简单，我们以“顶边对齐”为例，选择三个不在同一高度的图形。点击快捷工具条中的

按钮，三个图形会被对齐。如图3-6所示。

对齐前

项对齐后

图

3-6

其它的对齐方式的使用方法与“项边对齐”的使用方法一致，同学们可自行选择多个图形来进行对齐的练习。

在为图形进行对齐操作时，同学们要注意的是：如果按下Ctrl键进行选择图形，系统会以最后被选择的图形作为基准点进行对齐；如果是用鼠标框选图形，系统会以所被选择的图形中被最后画好的图形作为基准点进行对齐。

4.新建流程图与修改子程序名称

点击，我们便进入了流程图的编辑世界（如图3-7所示）。同学们可以在这里新建一个子程序，或对已有的子程序进行修改。为方便同学们的使用，在刚刚打开的流程图编辑区域内，系统会为同学们提供一个流程图“新建”模式。

图3-7

这个“新建”模式，其实就是点击快捷工具条中（新建）按钮后，流程图编辑区域所提供的编辑样式。

新建流程图：

点击（新建）按钮，如果流程图编辑区中有编辑过的图形，系统会提示该流程图是否要保存。如图3-8所示。

图3-8

如果点击钮，会弹出保存流程图窗口，提示同学们要保存的地址和要保存的流程图文件名。（关于保存在“6.保存流程图”的学习中有详细的介绍）

修改子程序名：

选择图形后，在“流程图代码”输入区中输入子程序名。如图3-9所示。

图3-9

这样，子程序名字就起好了。

５．编辑流程图——神奇的正方形

请同学们把鼠标放到这个工作区域上方的快捷按钮上，仔细观察一下提示。

我们先来了解一下按钮的用意：

开始/结束

用来画子程序头和子程序尾

过程

用来画普通的过程命令，如“前进”、“后退”、“右转”、“画笔粗细”等

循环

用来画循环语句，如“重复”、“步循环”、“条件循环”

判定

用来画判定环语句，如“如果”“那么”

关于语句的具体使用方法，请参考Elogo的其它学习章节。

在用流程图画子程序的过程中，这些图形都是经常要使用到的。

比如我们画一个正方形，最方便的办法就是用“重复”命令来完成，也就是循环语句；

再如我们想做一个选择性的画图形方式，那个选择性的变量为a，如果是a=1，就画出方形，如果是a=2，就画出三角形。这就要用到“如果”“那么”命令了，也就是判定语句。

在接下来的流程图的学习中，我们就是要通过“过程”、“循环”、“判定”这三种语句的流程图表达方式来完成这一节的学习。

流程图中的代码填写、流程图之产的连接、流程图生成效为子程序，我们都已经在上几节的学习中解了，所以在这里就不再做更多的说明了。

在这一小节中我们将画出很多神奇的方形。

有的同学会问，一个方形有什么神奇的呢？

那是因为，我们可以通过不同的流程图样式画出很多个一模一样的方形出来。是不是很神奇啊？下面我们就来共同完成这项有趣的任务吧！

过程语句

过程的图形应用，在上节中学习用流程图编写代码的时候已经有所接触，相信同学们已经对它有一定的了解。

它是用来画出普通的过程命令，如“前进”、“后退”、“右转”、“画笔粗细”等。

画法也相对的简单。

第一步：给子程序起名字——打开“子程序编辑器”后，选择，进入流程图编辑区域，为子程序起名为“画神奇的方形”。编辑区域中已经有了很多无用的图形，同学们可以通过点击新建一个子程序流程图。如图3-10所示。

图3-10

第二步：添加子程序体——点击按钮，然后在图形所要的位置上点击鼠标，画出图形，并在“流程图代码”输入区中，输入要运行的代码。在一个图形中，我们可以写多个命令，这是不会影响代码的执行顺序的。在如图3-11所示。

图3-11

第三步：添加子程序尾——选择按钮，然后在图形所要画的位置上点击鼠标，画出图形，并在“流程图代码”输入区中，输入代码“子程序结束”。如图3-12所示。

图3-12

第四步：连接所有子程序。普通的过程式流程图就画完了。所图3-13所示。

图3-13

同学们可以使流程图生效，调用该子程序画出一个方形了。

循环语句

在易乐谷中，循环语句被分为“重复”、“步循环”、“条件循环”三种形式。其中是“步循环”、“条件循环”需要有条件变量。

在画循环语句的流程图时，最关键的就是循环体是如何表示的。

其实很简单，请看下图3-14。我们以“重复”语句做为例子，图中的“开始”其实是子程序开始，在新建一个子程序流程图时，“子程序开始”默认是不可以缺少的。

循环开始，是循环命令的名称与循环的参数。

循环体，就是在循环过程中所要进行的命令操作。从图中，我们可以看到有一个很转折的大箭头，这个箭头把“循环开始”与“循环结束”之间连接了起来，这被连接的中间部份便是循环体。

循环结束，系统默认空的（没有代码的）图形代表循环体的结束。

图3-14

了解了循环的表示方法后，我们就来画神奇的方形吧。

在上面章节的学习中，我们已熟练的掌握了画流程图的方法与过程。所以在接下来的学习中，将不再重复这些简单的操作了。这些简单的操作就由同学们自己动手去作一作，顺便练习一下。

重复：

先来回想一下“重复”语句的一般格式：重复

重复次数

[循环体]

好了，回想起来吗，我们来看一下画后的流程图是什么样子的吧。如图3-15所示。

图3-15

同学们要仔细观察，其中，橘黄色边框的图形所组成的流程图就是“重复”语句了。

神奇的方形要变化了，同学们可不要眨眼啊。它要变在什么要样子呢？请看下图，如图3-16所示。

图3-16

其实这是用“重复”语句的嵌套方式画出来的，先来回想它的嵌套格式：

重复

重复次数

[重复

重复次数

[循环体]]

图3-17所示，从“重复”语句嵌套格式和下图中了解到，语句的嵌套就把一个或多个循环语句放入到一个循环语句中去，作为该循环语句的语句体。

图3-17

步循环：

步循环的一般格式为：步循环

[变量

初始值

终止值

递增值]

[循环体]

画好的“神奇的方形”子程序的流程图，如图3-18所示。

图3-18

步循环的嵌套格式为：步循环

[变量

初始值

终止值

递增值]

[

步循环

[变量

初始值

终止值

递增值]

[循环体]

]

画好的“神奇的方形”子程序的流程图，如图3-19所示。

图3-19

条件循环：

条件循环的一般格式为：

赋值

“变量名

初始值

条件循环

[条件]

[循环体]

画好的“神奇的方形”子程序的流程图，如图3-20所示。

图3-20

条件循环的嵌套格式为：

赋值

“变量名

初始值

条件循环

[条件]

[

赋值

“变量名

初始值

条件循环

[条件]

[循环体]

]

画好的“神奇的方形”子程序的流程图，如图3-21所示。

图3-21

判定语句

单判断：

用判定语句画出方形，这也并不是一件难事。如果数字是1，我们就让小海龟画出方形。如图3-22所示。

图3-22

这是一个简单的判定流程图。只进行了“是”判断。

请同学们仔细观察上图中最简单的判定语句。

用蓝色线画框起来的：两个图形，上面的表示“是”，下面的表示“否”，“是”与“否”之间有一个很转折的大箭头，那些被框起来的是判定成功后所要运行的命令。

在画判定语句的流程图时，同学们要注意的是最后要用一个空的图形作为判定语句的结束。如果没有该结束图形，流程图转换为代码的时候就会发生异常。

如果“a=1”时，就会进入判定体内进行画方形的流程，否则系统会顺着大折线到“否”判断，从否判断向下执行命令。在这个流程图中，“否”判断后子程序便结束了。

双判定：

更神奇的事情就要发生了，如果可以让小海龟即能画出方形，又能画出方形组成的花样，那该怎么做呢？这就要用到“判定”语句了。

我们来设定两个数字，一个是1，另一个是除1的任意数字。如果你选择的是1，那么就让小海龟画一个方形，如果是除1的任意数字就让小海龟画出方形组成花样。在让小海龟画花样的时候，我们要跟小海龟玩儿一个小小的花样。那就是，在画花样时所用的循环与以往的不同，内循环用“步循环”，而外循环我们用“重复”来完成。怎么样是不是很神奇呢？

开始吧。如图3-23所示。

图3-23

判定语句的嵌套方式：

判定语句的嵌套方式与循环语句的嵌套方式相类似，做法很简单。如图3-24所示：

图3-24

其它流程图还能画出很多好看并且有趣的图形出来，这就要看同学们的想想能力有多丰富了。我相信同学们都有一个聪明的头脑，所以画出来的图形会比书上的还要漂亮。

6．保存流程图

画好的流程图如何保存呢，易乐谷早就为同学们想到了。在流程图编辑区域中的快捷工具条中，选择的（保存）按钮。在保存提示窗口中输入要保存的文件名称，按下。在易乐谷中，用于保存流程图的文件格式为“*.lct”。如图3-25所示。

图3-25

7．打开流程图

如何把保存了的流程图打开使用呢？

在流程图编辑区域中的快捷工具条中，点击其中的（打开）按钮。在打开提示窗口中选择需要打开的流程图文件，按下。如图3-26所示。

图3-26

第四节

子程序代码转换为流程图

我们已经有很多非常经典的子程序代码，可以让小海龟画出很多美丽的图片。在易乐谷新版的子程序编辑器中，我们可以把已有的子程序代码转换成流程图的显示方式，这样会更方便同学们对代码的编辑和修改。

我们可以通过几种方法把已有的代码放到“子程序编辑器”中，比如把已有的代码拷贝到子程序编辑器，或是通过“打开”代码文件的方式，把已有的代码在编辑器中打开。

下面是一幅漂亮的太级图，如图4-1所示：

图4-1

下面是太极图的代码，由三个子程序组成。如图4-2所示：

图4-2

点击使子程序生效，在框中会显示所有已被生效的子程序名称。如图4-3所示。

图4-3

点击所要察看的子程序名称，编辑器就会自动的跳到区域中并显示所选择子程序的流程图样式。在这里我们选择在“太极图”子程序，流程图编辑区域就会显示出“太极图”子程序的流程图了。如图4-4所示。

图4-4

同学们在修改流程图的过程中，如果对修改过的大部分操作不满意，可以点击其中快捷工具条上的“代码转换流程”按钮，把原子程序的流程图样式重新载入到流程图编辑区中，重新对流程图进行修改。

第五节

流程图转换为子程序代码

在第二节中，我们第一次用流程图学着画子程序的时候，就已经了解了流程图转换为子程序代码的方法。在易乐谷中，使流程图生效的过程中，流程图必须先转换为代码后，才可以被易乐谷应用。

让小海龟画一个圆贝壳。如图5-1所示。

图5-1

下面是已经画好的流程图，如图5-2所示。

图5-2

在流程图编辑区域上方的快捷工具条，选择按钮，可将已经画好的流程图转换为子程序代码。如图5-3所示。

图5-3

在的浏览区中会预显示出被转换的部分代码。如图5-4所示。

图5-4

点击进入单个子程序的编辑区域中。我们可以看到被转换后的所有子程序代码。如图5-5所示。

图5-5

使已经转换过来的子程序生效：

在单个子程序的编辑区域中的快捷工具条中：

生成新的子程序

可使子程序生效。

更新到全部子程序

使修改过的子程序更新，同时也会更新“所有子程序”编辑区域中的该子程序代码。

点击按钮，使子程序生效。生效了的子程序会在“子程序列表”里面显示子程序名称，所有子程序的浏览框中也会显示相应的预览代码。如图5-6所示。

图5-6

更新子程序：

在单个子程序编辑窗口中，对已经生效的子程序代码进行修改。可点击铵钮对子程序进行更新，同时也会更新“所有子程序”编辑区域中的该子程序代码。