APP学习手记--第一课:简单计算器

网友投稿 2018-07-02 10:49

 学习,任何时候开始都不为晚。

今天开始自学App Invertor,并分享学习笔记

--2018.07.03

https://cdn.china-scratch.com/timg/180704/10493A0I-0.jpg

界面熟悉

—————

先熟悉开发环境,是我学习习惯的第一步:

打开度娘,搜“MIT app inventor ”,可以看到如下界面。

https://cdn.china-scratch.com/timg/180704/10493BG2-1.jpg

打开第一个网址,我看到如下界面:

https://cdn.china-scratch.com/timg/180704/10493621R-2.jpg

界面上显示“广州市教育信息中心(电教馆)服务器”,不错,关键是我看到了QQ登陆提示,对于这种不需要我额外注册账号的登陆,简直是我的大爱,立刻QQ登陆,看到如下界面:

https://cdn.china-scratch.com/timg/180704/1049362021-3.jpg

这就是开发环境了,看起来还蛮亲切的,特别像VB界面有木有?左边工具,中间界面,右边工具属性。很熟悉的感觉,接下来弄个小程序玩一下看看?O(∩_∩)O。

加法计算器

——————

https://cdn.china-scratch.com/timg/180704/10493I955-4.jpg

第一步:利用上图的三个文本输入框、两个标签,一个按钮布局界面,如下图:

https://cdn.china-scratch.com/timg/180704/10493I111-5.jpg

第二步:逻辑设计,如下图:

https://cdn.china-scratch.com/timg/180704/10493M619-6.jpg

第三步:打包下载,然后转到手机上安装,如下图:

https://cdn.china-scratch.com/timg/180704/10493Lb7-7.jpg

第四步:安装到安卓手机后,即可测试,效果图如下图:

https://cdn.china-scratch.com/timg/180704/10493J493-8.jpg

第一课学习到此结束了,最后解释一下代码:

https://cdn.china-scratch.com/timg/180704/10493M619-6.jpg

前面两行代码设置了两个全局变量a,b。

下面的代码为单击按钮后执行,先将第一个文本框的数字赋值给a,然后将第二个文本框的数字赋值给b,再将a+b的结果通过第三个文本框显示出来。

OK!第一个简单的APP已经搞定了,简单吧?好玩吧?就这样吧!O(∩_∩)O!

拓展学习

—————

既然好玩,再拓展一下,加个减法、乘法与除法,如下图:

https://cdn.china-scratch.com/timg/180704/10493J264-10.jpg

继续逻辑设计代码,如下图:

https://cdn.china-scratch.com/timg/180704/10493M095-11.jpg

https://cdn.china-scratch.com/timg/180704/10493I623-12.jpg

打包下载,然后转到手机上安装,如下图:

https://cdn.china-scratch.com/timg/180704/10493Lb7-7.jpg

安装到安卓手机后,即可测试,效果图如下图:

https://cdn.china-scratch.com/timg/180704/10493H942-14.jpg

https://cdn.china-scratch.com/timg/180704/10493M249-15.jpg

https://cdn.china-scratch.com/timg/180704/10493V407-16.jpg

https://cdn.china-scratch.com/timg/180704/10493SC3-17.jpg

https://cdn.china-scratch.com/timg/180704/10493RA0-18.jpg

--end--

声明:本文章由网友投稿作为教育分享用途,如有侵权原作者可通过邮件及时和我们联系删除:freemanzk@qq.com