app inventor开发集锦计算器

App Inventor 是谷歌推出的一款无需编程语言基础即可轻松开发手机应用的工具。它简单易用,对初学者非常友好。在此笔者将介绍如何使用 App Inventor 开发一个简单的计算器 App。

首先,在 App Inventor 官网上创建一个新项目,命名为“Calculator”。创建完成后,将设计界面分为两部分:左边为组件区,右边为设计器区。选择界面右上角的“Designer View”功能,打开一个空白区域。接着,从组件区中拖拽出 Label、HorizontalArrangement 和 Button 组件,分别命名为“label1”、“horizontal1”、“button1”……“button10”。将组件按如下顺序依次排列:

Label:用于显示计算结果。

HorizontalArrangement:用于存放计算器中的数字键和功能键。

Button:数字键 1。

Button:数字键 2。

Button:数字键 3。

Button:功能键“+”。

Button:数字键 4。

Button:数字键 5。

Button:数字键 6。

Button:功能键“-”。

Button:数字键 7。

Button:数字键 8。

Button:数字键 9。

Button:功能键“×”。

Button:功能键“C”(清空)。

Button:数字键 0。

Button:功能键“=”(计算结果)。

Button:功能键“÷”。

设置水平排列组件的属性:HorizontalArrangement 的高度为 60 个像素,宽度为“自适应”,背景色为灰色。将放置数字键和功能键的 HorizontalArrangement 命名为“horizontal2”,将放置“C”和“÷”功能键的 HorizontalArrangement 命名为“horizontal3”。

接下来是代码部分。在 App Inventor 中,代码块是基于事件的。因此,需要为 Button 组件添加点击事件,这样可以触发相应的代码块。打开 Blocks 编辑器,添加“button1.Click”事件块,用于在 Label 中显示按键的值。此后,为其他数字键 Button 分别添加相应的 Click 事件块,以此类推。

对于加、减、乘、除四个功能键,我们需要使用变量来存储两个数字并实现简单的运算。添加 Button“+”的 Click 事件块,创建一个名为“num1”的变量并将其值设置为 Label1 的文字值。然后添加 Button“=”的 Click 事件块,在变量“num2”中存储 Label1 的值,执行相应运算并将结果显示在 Label1 中。

最后是“C”(清空)功能键。添加 Button“C”的 Click 事件块,将 Label1 的文本值设置为“0”。全部代码块如下图所示:

![avatar](https://cdn.luogu.com.cn/app/upload/YYJOJ1821.png)

至此,一个简单的计算器已经完成开发!在真机测试中,可以轻松地进行加、减、乘、除等简单运算。虽然这个计算器的功能有限,但在实际开发中,您可以根据需求添加更多的功能和优化。

总之,App Inventor 是一个非常适合初学者的开发工具,无需编程语言基础,即可轻松地开发出自己所需要的手机应用。如果你想要进一步探索,不妨尝试一下更加复杂的应用。

川公网安备 51019002001185号