1.2 软件界面
1.2.1 软件获取
我们可以从北京师范大学教育学部创客教育实验室的网站（http://maker.bnu.edu.cn）下载到Mixly开发环境。网站页面如图1.1所示。
图1.1 北京师范大学教育学部创客教育实验室的网站
网站上有Mixly的最新进展以及近期活动等内容，要下载软件，可以选择“资源下载”或“Mixly For Arduino”。如果你选择的是“Mixly For Arduino”，会发现该菜单下弹出了几个子菜单，如图1.2所示。
图1.2 “Mixly For Arduino”中的子菜单
要下载软件，请单击几个子菜单中的“Mixly系统下载”，之后就会打开一个资源的界面，如图1.3所示，选择下载相应版本的Mixly即可。这里要说明一下，目前，Mixly有针对Windows和MacOS的两个版本，笔者使用的操作系统是Windows，所以本书后面的内容均是在Windows下操作的。
图1.3 下载对应版本的Mixly
1.2.2 界面介绍
下载的文件是一个压缩包，因为Mixly是一个绿色免安装软件，所以解压之后就可以直接使用了。不过在使用之前，需要先确保已安装了JAVA环境。
解压后，文件夹中的内容如图1.4所示。
图1.4 Mixly的文件夹
在文件夹中，不是文件夹类型的文件有两个，将文件扩展名显示出来之后，能看到其中一个名为“Mixly.jar”，另一个名为“Mixly.vbs”。这里双击“Mixly.vbs”运行它，就能打开Mixly，软件界面如图1.5所示。
图1.5 Mixly的软件界面
总体来说，软件界面分为4个部分。
（1）左侧为模块区，这里包含了Mixly中所有能用到的程序模块，根据功能的不同，大概分为以下几类：输入/输出、控制、数学、文本、数组、逻辑、通信、存储、传感器、执行器、变量和函数。每种类型的模块都用不同的颜色块表示，其中每一个分类中的模块，在下一节有专门的介绍。
（2）模块区的右侧是程序构建区，按住鼠标左键拖住模块区的模块，可以将它们放到程序构建区，拖曳过来的模块会在这里组合成一段有一定逻辑关系的程序块。这个区域有点类似代码程序编辑软件中写代码的地方。在这个区域的右下角有一个垃圾桶，想要删除模块时，就要将模块拖入垃圾桶中。在垃圾桶上方有3个圆形的按钮，能够实现程序构建区的放大、缩小和居中。
（3）模块区和程序构建区的下方是基本功能区，有点类似一般软件的菜单区。这里不仅包含了新建、打开、保存、另存为这样的各种软件都具有的按钮，还包含了硬件编程软件中需要用到的编译、上传、控制板选择、连接端口选择以及串口监视器这样的按钮。
（4）软件的最下方是提示区，这里在软件编译、上传的过程中会显示相应的提示信息。我们可以通过提示信息来解决编译上传中出现的一些问题。
最后还要补充两点：第一点是Mixly支持多种语言，我们可以通过界面右上角的下拉菜单选择不同的语言版本，此时这个下拉菜单显示的是“简体中文”。第二点是在界面左上角模块的右侧有一个“代码”选项卡，单击这个选项卡就能进入纯代码形式。Mixly作为一款将图形化编程方式和代码编程方式融合在一起的开发环境，如果只能单独地显示代码或显示图形程序块，那肯定不够好，Mixly是能够将代码和图形程序块同时呈现在屏幕上的，这个功能可以通过程序构建区最右侧的一个向左的按钮实现，单击这个按钮之后的效果如图1.6所示。
图1.6 将代码和图形程序块同时呈现在屏幕上
此时，在程序构建区的右侧会显示出对应的代码，这段代码是和程序构建区中的模块所组成的程序块对应的，会随着模块的变化而变化，不过区域中的代码是不可编辑的。同时界面最右侧那个向左的箭头按钮变成了向右的箭头。