App inventor是相对较冷的应用程序开发程序,相当于Java、Python或其他[奸笑]。让我们看一下app inventor中的屏幕、按钮、复选框和时间选择框。
。。。。(一)按钮
为什么不先讲屏幕呢?因为我有bing[奸笑]。。。按钮是app inventor中非常重要的组件,你几乎每一个应用都需要按钮,除非你制作了一个超级简单的应用(进去直接黑屏),你或许可以不用到。在组件面板上,我们可以在左边找到按钮
按钮
你点击按钮然后再拖到中间的屏幕上,就算是为应用添加了一个按钮
屏幕中的按钮
这时,我们可能发现这个按钮并不好看,你可以在最右边的属性栏中调节按钮的属性,下面可以修改按钮的图像
修改按钮图像
我们从图库或者是别的文件中导入一张图片,但是图片名称中不可以有中文(我也不知道为什么[捂脸])选择完图片,再点击确定,你就修改了按钮的图像
修改后的按钮
修改过后,图像有了,但是中间的字还在,我们可以在属性栏中把按钮的文本全部删掉。而且按钮会的大小会自动变成图像的大小(有时会大到屏幕之外),所以现在我们就应该修改按钮的大小,将自动修改为你想要的数值
修改按钮大小
你也可以调整按钮的可见性
调整按钮可见性
如果将可见性的那个勾点没,这个按钮就你就看不见了,但是如果你点击按钮原来所在的区域,按钮仍然可以使用,这是你就需要调整按钮的启用,在属性栏的上面,这样这个按钮才能算废了[奸笑]。。。
下面将简要讲一下按钮的逻辑设计。
按钮的一堆代码块
逻辑设计就是赋予按钮一个行为,例如“当用户点击按钮时,就干什么什么东西”。几乎所以有的属性在逻辑设计中都可以调整,比如调整按钮的颜色、大小等等等等等等等等等等等[奸笑]
按钮逻辑示例
(二)屏幕
我们在我再来讲一下屏幕。屏幕是放置组件的地方,大部分组件都需要放在屏幕上才可以运行,例如按钮就需要放在屏幕上
屏幕
在右边的属性栏中可以调节屏幕的背景颜色,例如可以调节为粉色
粉色背景的屏幕
当然你也可以调节屏幕的方向,一般都是默认为竖屏的,除非你要做游戏的话会用到横屏,但是app inventor做游戏非常困难[奸笑]
横着的屏幕
上面这一圈灰色的就是屏幕的标题,一般没有什么用,你可以在属性栏中把它关掉
屏幕的标题
下面是屏幕的逻辑设计,逻辑设计中最重要的代码块是当屏幕初始化那个,很多应用都需要用到
屏幕初始化
(三)复选框
复选框中没有什么东西,属性于与按钮屏幕差不多,主要讲复选框的逻辑设计,最重要的是当复选框改变状态那个,你没有那个代码块,你的复选框就是lj,那个代码块的意思就是当用户点击复选框(给复选框打上那个勾),就触发什么事件。。
复选框的代码块
不要学我把字号调成999,那样你的屏幕会炸裂[奸笑]。。。
(四)日期选择框
这个组件好像基本没有什么用,除非你要做关于日历什么的软件,我也懒得讲了[奸笑]
应用中的日期选择框
如果你做好了应用,点击上面的打包apk就可以了。
好了,这次的课程就到这了,下次见!