2020-10-12

基于图形化编程的制作app的软件

————————————————————————————————————
————————

MIT App Inventor2

APP Inventor 是由麻省理工学院开发的一个直观的可视化在线编程环境。

官网：
http://www.appinventor.mit.edu/about-us

与一般的程序编程不同的是，APP Inverter 采用代码模块化的形式，像搭积木一样搭建应用程序代码，将可视化组件与非可视化组件直接构建应用程序界面。更容易在更短的时间内创造复杂有趣的应用程序，对于正在学习编程语言的我们，学习APP Inventor 可以很好的发展我们的编程、算法思维，我们也会在以后在学校正式学习这门课程，在正式学习之前，不妨跟随我抢先走进APP Inventor 的世界吧。

这是国内的app inventor2的登陆地址：http://app.gzjkw.net/login/
打开后就是这样的界面。

登陆进去就是这样的

点击“新建项目”，输入项目名，注意项目名开头必须为英文，切换为英文输入法输入，且不能包含空格，不能用中文输入法输入英文。

那么就进入了APP搭建环境了，首先看到的是组件设计页面，在项目名字所在的深绿色的这一栏可以切换、增加屏幕，在右边可以切换为逻辑设计页面，下面从左到右分别为组件面板、工作面板、组件列表、素材箱、组件属性面板

01

组件面板

组件面板中有非常非常多的组成APP界面的组件，分为可视化和非可视化两类组件，可视化组件例如：按钮、图片、标签等可以直接显示在屏幕上的，非可视化组件例如：各类传感器、数据库、音效等。

02

工作面板

组件面板的组件可直接拖到工作面板的屏幕上显示，非可视化组件会在屏幕下方排列显示。

03

组件列表

在工作面板添加的所有组件都会在组件列表中显示，在组件列表中可选择组件进行重命名和删除

04

素材箱

素材箱中可上传素材：图片、视频、音频等，在组件属性中使用，也可以直接在组件属性中上传素材

05

组件属性

在组件列表中选中任意一个组件，在组件属性面板中都会有其属性显示，可在组件属性中修改组件的各种属性，例如标签的属性：颜色、字体、字号、高度、宽度、内容、可见性等，点击组件列表中的屏幕（Screen1）可以在组件属性中修改应用的属性设置与当前屏幕的属性设置。

模块

模块中将大量在编程语言中常用的代码都整合为一个个像积木一样的可以相互嵌套的代码块，通过相互嵌套这些代码块从而非常简单快速的构建APP的代码部分。例如：
则为C语言中的 if（）语句。

则为C语言中的 for（int i=1;i<=5;i++）

我们可以将这两个代码块拖到工作面板中并将它们拼起来，这样就构成 for（int i=1;i<=5;i++）{ if（）}的结构了

在模块中还会显示由组件面板添加的组件模块，例如标签

2

素材

素材中显示导入的各种素材，以便在代码块中认出对应的名字

03

工作面板

从模块中拖出代码放到工作面板上，使用并存放代码块

04

背包

背包允许你拖动工作面板中的代码块（包括层层嵌套的代码块）到背包图标上，将代码块复制一份到你的背包里，以便在其他应用、其他屏幕中快速调出

05

测试环境

制作项目过程中可以通过AI伴侣或者模拟器等方式实时测试、查看，制作完成后可以打包为apk文件到电脑或手机上安装，或者导出项目文件（.aia），在其他账号中可以在项目-导入项目中导入aia文件，就可以查看项目的代码块和界面
打开
https://smilelight.lanzous.com/icjcaeh
下载安装安卓平台的测试软件AI伴侣
或者自己摸索软件的同时 也能直接找到网页中可以有下载的途经
剩下的就等大家慢慢摸索吧


## 这是逻辑设计的界面 后续我会继续补一章关于 app inventor2 做小项目的一篇文章。